Posted by pepito3 on 07/04/06 17:34

Hello, I have the following CSS rule to underline my way

a {
border-bottom-style: dotted;
border-bottom-width: 1px;
}

But I want images not to have a dotted underline (just nothing) and I
don't know how to do it.

I have tried the following:

a img {
border-bottom-style: none;
border-bottom-width: 0px;
}

....and...

..without_u {
border-bottom-style: none;
border-bottom-width: 0px;
}

<a class="without_u" ...> <img class="without_u" ... /> </a>

But nothing works! It seems like border-botton-style property in 'a' is
always on. It is very weird because If I write:

a img {
border-bottom-style: dotted;
border-bottom-width: 1px;
}

images get double underline!

Any suggestions? Thanks!!

• Next in forum: Re: Page end with absolute divs.
• Prev in forum: Re: Table background - must I link?
• Thread view: Remove underline from image links (CSS)

[Reply to this message]