Hi there,
I've been googling for it and a:active doesn't work as I'd like it to.
I've got a menu. When I hover over a menu item the colour changes to
orange. I'd like it
to stay orange as long as I'm on this particular page for visitors to
know where they are at the moment.
That's my css:
===============================
ul.nav {
margin: 0;
padding: 0;
list-style: none;
width: 100%;
overflow: hidden;
/* background: url(images/menu-background-grey.gif) repeat-x; */
}
ul.nav li {
float: right;
}
ul.nav a {
display: block;
padding: 0 2em;
line-height: 40px;
text-decoration: none;
background: url(images/divider1.png) repeat-y right top;
color: grey;
}
ul.nav a:hover, ul.nav a:focus {
color: orange;
}
=======================
I tried the following:
ul.nav a: hover, ul.nav a:focus, ul.nav a:active {
color: orange;
}
but it doesn't work like I thought. The moment I remove the mouse
pointer from the link, it goes
back to gray.
Thank you
______________________________________________________________________
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/
