6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Hiding image borders with links... w3c complient?

by dustinlemos
3 replies
  • WEB DESIGN
    • |
Hi. I have some images on my landing page that are used as links. In IE they show up with blue borders around them.

I can hide the borders using border="0" but then the page doesn't validate. Any way around this?
#borders #complient #hiding #image #links #w3c
  • Profile picture of the author MrYossu
    Originally Posted by dustinlemos View Post

    Hi. I have some images on my landing page that are used as links. In IE they show up with blue borders around them.

    I can hide the borders using border="0" but then the page doesn't validate. Any way around this?
    Add the following to your CSS file...

    img {
    border: none;
    }

    That will tell the browser not to display borders on any images.

    Hope this helps
    Signature

    Turbocharge your backlinks with RSS Autopilot!
    Special Warrior Offer - Massive discount off the regular fee, and a 50% bigger site allocation!
    Try it now -> www.rssautopilot.com

    {{ DiscussionBoard.errors[206533].message }}
  • Profile picture of the author erbuc
    Or, you can also add the style inline inside your IMG tag:

    HTML Code:
    <img style="border:none;" src...>
    {{ DiscussionBoard.errors[228069].message }}
  • Profile picture of the author Mantero Cantrow
    Originally Posted by dustinlemos View Post

    Hi. I have some images on my landing page that are used as links. In IE they show up with blue borders around them.

    I can hide the borders using border="0" but then the page doesn't validate. Any way around this?
    Probably because the images have a link on them?

    if so, try add this to your css file

    img a {
    border: none;
    }
    {{ DiscussionBoard.errors[228077].message }}

Trending Topics