Erik,

On Nov 10, 2006, at 11:26 AM, Erik Harris wrote:

> There are times when I'd like a link to contain both an image and  
> text.  I
> want the text to be underlined, as usual, but I don't want the  
> image to be
> underlined.  This works fine in most browsers, but Firefox insists on
> underlining the image.
>
> Here's a page with numerous examples of what I'm talking about:
>
> http://www.eharrishome.com/halloween/pumpkins.html
>
> I've tried various variations of
> a img {text-decoration: none; border: none !important}
> with no luck.  Nothing seems to turn off the rather unsightly  
> underline in
> Firefox.

The image is display: inline; by default, so it is part of the text.   
Set the image to display: block; and it will not be underlined.  If  
you choose to keep the <br> element, you will want to style it away  
with something like display: none;

hth

-- 
Roger Roelofs
"Remember, if you’re headed in the wrong direction,
        God allows U-turns!"
          ~Allison Gappa Bottke

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to