Previous Message
Next Message

Text Decoration Problem

Sent by Philippe Wittenbergh on 26 July 2005 06:06


On 26 Jul 2005, at 6:28 am, Scott Taylor wrote:

> #right_nav ul li {
>    text-decoration: underline;
> }
>
> #right_nav ul li ul li {
>    text-decoration: none;
> }
>
> In Firefox, all li elements, including the second ordered list, become 
> underlined.  In IE 6., only the first ordered list elements become 
> underlined (as I would like them to be).
>
> How can I fix this?  What am I doing wrong?
>
>
> Here is the HTML: 
> http://www.miningstocks.com/testing_server/newindex2.php

The second level list-items are still wrapped within the parent li. The 
text-decoration you see in good browsers like Opera, Firefox, Safari 
and IE Mac is the text-decoration applied to the top level <li>.

very much simplified, you have this
<div> some text <span> some other text</span> and yet some more 
text</div>
div {text-decoration:underline; color black}
span {text-decoration:none; color:red;}
The span will still have a black coloured text-decoration.

You gonna have to wrap the text-node of the toplevel <li> in a span, 
and style that.
<li><span>text</span>
	<ul><li>text</li></li></ul>
</li>

Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com/>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: