1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

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