[thelist] Dumb CSS question
Robert O'Rourke
rob at sanchothefat.com
Mon Dec 3 14:18:55 CST 2007
Charles wrote:
> Hello,
>
> I know if I ask this on the CSS list I'll get killed, so I hope it's okay to
> ask here. I thought I mostly grok'd CSS and still don't understand this.
>
> I use this style on my text links:
>
> .entry-content a {
> text-decoration:none;
> border-bottom:solid 1px #66FFFF;
> }
>
> I don't want to use it for image links, though. I've tried many, many
> variations on this with no luck:
>
> .entry-content a img {
> border-bottom:none 0px !important;
> }
>
> Since the second rule is more specific, I /know/ (but I must be wrong) that
> it should override the rule above. However, my images all still have a
> #66FFFF line under them.
>
> Help?
>
It's not the images that have the border under them, it's the link that
contains it. Switch back to using text decoration for the underline and
set your images to display: block; if possible, block elements can't
have text-decoration (in theory).
Hope that works for ya,
-Rob
More information about the thelist
mailing list