CSS Forum

**mnemonik** · 02-11-2009, 06:21 PM

http://dl.getdropbox.com/u/413030/Nick/index.html#

I am trying to make a resume type page to get an entry level job at my school, but I am having a little problem with my images that happen to be links.

I have my links styled with:

Code:

        a {
            color: #C4C02D;
            padding:2px 2px 0px 2px;
            text-decoration:none;
            border-bottom: 1px dotted;
            }
            
        a:hover {
            border-bottom: 1px solid;
            }

and my images with:

Code:

        a img {
            border:0px;
            }

But I'm still seeing the dotted line underneath image links in firefox, chrome, and opera. Could anyone let me know what the problem is or help me out? Thanks much.

EDIT: You can see the problem if you look at the W3C images at the bottom of the page, or if you click "web experience". Thanks.

**Insensus** · 02-12-2009, 02:25 AM

You have to fix this by putting a class on the links with an image in them, because you are using to fix it, only removes the border from images within an anchor, but the border is for the anchor itself.

**mnemonik** · 02-12-2009, 02:49 AM

Quote:

Originally Posted by Insensus

You have to fix this by putting a class on the links with an image in them, because you are using to fix it, only removes the border from images within an anchor, but the border is for the anchor itself.

Ahh, I understand now. It always makes so much sense after you know the solution.

Thanks!