>>> I have a "border-bottom: 1px dotted #bbb;" style applied to my
>>> links. I only want the style applied to text links, not image
>>> links. My problem is: How do I get it turned off image links?
>> a:link{border-bottom:1px dotted #bbb;}
>> a:link img{border-bottom:none;}
>
> That doesn't work in decent browsers. The image is a child of the
> <a>, meaning, the dotted border stretches around the image.
Frankly admitted - I did not understand that phrase until after testing
the scenario. I do not intent to say that it should have been stated
otherwise, only that others than me _might_ miss the influence of the
image being a child, and thus the point :-)
IF anybody else is in doubt, they might benefit from a rephrasing:
It is only the <img> that's declared borderless with "a:link
img{border-bottom:none;}, whereas the <a> still has (and shows) the
border. The solution has to apply to the <a>, as Philippe Wittenbergh
suggested:
> a.noborder {border-bottom:none}
> <a class="noborder"><img src="" alt=""...></a>
I hope this clarifies the matter to others than myself :-)
Best regards
Jesper Brunholm
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
