thanks, but i'm still at a loss..
i understand the "hover rule", this works fine
the "current" rule seems to apply to the colour of the active tab only when i hover over it though. All the other tabs would be the "hover" colour but the active tab will turn to the "current" colour when i hover over it
what i want is to change the colour of the active tab when it is not in a hover state
this is not working with any of the rules in this thread
??
the website i'm building is at
www.bem-management.co.uk/caduga/joomla
here is my current code for a demo
| Code: |
.ux-menu
{
display: inline-block;
*zoom: 1;
*display: inline;
}
.ux-menu LI A
{
background: #F3EEE2 none;
}
.ux-menu LI A:hover,
.ux-menu LI A:focus,
.ux-menu LI A.ux-menu-link-hover
{
background: #E3D5B7 none;
}
UL.ux-menu LI A.current
{
background-color: green;
}
|
you'll notice the active tab is a light pink color.. this is the rule i'd like to change
thanks again for the help
