David Laakso wrote:
> Wade Smart wrote:
>>
>> I have tried adding #navlist and various pre elements to teh .active
>> but I just cant seem to get the background to change when its active.
>>
>> Wade
>>
>
>
>
> Strip it to only the essentials and it will work (note: no class used).
>
> css
> ul {padding: 0; margin: 0; }
> ul li {list-style: none; }
> ul li a {color: #fff; background: red; text-decoration: none;}
> ul li a:hover { color:#000; background: lime;}
> ul li a:focus, ul li a:active { background: fuchsia;color:#fff;}
> html
> <ul><li><a href="#">stuff</a></li></ul>
>
>
>
Hmm. I wonder if you are after something like this, instead?:
css
ul {padding: 0; margin: 0; }
ul li {list-style: none; }
ul li a {color: #fff; background: red; text-decoration: none;}
ul li a:hover { color:#000; background: lime;}
ul li a:focus, ul li a:active, b { background: fuchsia;color:#fff;}
html
<ul>
<li><b>active stuff</b></li>
<li><a href="#">stuff</a></li>
</ul>
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
