>>> 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/