[css-d] Out damned dots!
Hi folks, 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? The test page http://ramosus.massey.ac.nz/default.asp shows underlining on the stylesheet changer image links and on the image in the main body of the page. The style sheet is at http://ramosus.massey.ac.nz/scripts/master.css I'd really appreciate some insight towards solving this problem - the static sources of online CSS knowledge have not helped me in this instance. Thanks, Bruce __ 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/
Re: [css-d] Out damned dots!
Bruce MacKay wrote:
> Hi folks,
>
> 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;}
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
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/
Re: [css-d] Out damned dots!
On Feb 16, 2006, at 6:33 PM, Els wrote:
> Bruce MacKay wrote:
>> Hi folks,
>>
>> 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
, meaning, the dotted border stretches around the image.
a.noborder {border-bottom:none}
Philippe
---
Philippe Wittenbergh
__
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/
Re: [css-d] Out damned dots!
Philippe Wittenbergh wrote:
> On Feb 16, 2006, at 6:33 PM, Els wrote:
>
>> Bruce MacKay wrote:
>>> Hi folks,
>>>
>>> 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 , meaning, the dotted border stretches around the image.
Oops, sorry. That'll teach me reply without checking first ...
> a.noborder {border-bottom:none}
>
Much better :-)
--
Els
http://locusmeus.com/
http://locusoptimus.com/
__
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/
Re: [css-d] Out damned dots!
>>> 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
> , 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 that's declared borderless with "a:link
img{border-bottom:none;}, whereas the still has (and shows) the
border. The solution has to apply to the , as Philippe Wittenbergh
suggested:
> a.noborder {border-bottom:none}
>
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/
