David Laakso wrote:
> 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>
20090528 2030 GMT-5
I got it finally. I had switched the elements around.:
#navmenu a {
background-color: #3173B1;
padding: 10px 10px;
color: #FFFFFF;
text-decoration: none;
}
#navmenu a:hover {
background-color: #555555;
color: #FFFFFF;
}
#navmenu li .active {
background-color: #555555;
}
Thanks for the help :D
Wade
--
Registered Linux User: #480675
Linux since June 2005
______________________________________________________________________
css-discuss [[email protected]]
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/
