[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