How to eliminate the blue border on linked images?

Discussion in 'HTML & Website Design' started by jimd118, Nov 2, 2007.

  1. #1
    Hi guys,
    Just upgraded to Dreamweaver CS3 and im having a problem with images that are clickable for linking. Whenever I make an image a clickable link it will automatically make a blue border when its in the web browser. Needless to say this kinda ruins your visual design so i need to eliminate this. I know its something probably easy so any help I will appreciate it.
    Thank you
    Jim
     
    jimd118, Nov 2, 2007 IP
  2. deronsizemore

    deronsizemore Peon

    Messages:
    103
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well if you're using CSS, you can just specify:

    img {
    border: 0;
    }
     
    deronsizemore, Nov 2, 2007 IP
  3. jimd118

    jimd118 Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    nope just been creating layouts in photoshop then converting them to html through slicing and so on... i then visually highlite the button area and make the link. I then get the blue box.....?...
     
    jimd118, Nov 2, 2007 IP
  4. jBud

    jBud Peon

    Messages:
    387
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You'll need to add a border 0 tag to your image,
    if you're using dw cs3 than look at the property of the image, it has a border field which is empty by default, make it a "0", so that your image link looks kind of like that:
    <a href="page.html"><img src="image.gif" alt="alt Title" width="100" height="100" border="0" />
    Code (markup):
    look @ border="0"
    or you can just go with deronsizemore suggestion and control it through css, it would be something like this:

    img, img a, img a:link, img a:active, img a:visited {
    border: 0;
    }
    Code (markup):
     
    jBud, Nov 3, 2007 IP