Hi I wonder if you can help me please. I have used images for each individual menu item and a roll-over image for each as follows:
| Code: |
ul.ux-menu li.ux-menu-item101>a, a:focus, a:active {
background-image:url('images/home.gif');
height: 212px; width: 124px;
}
ul.ux-menu li.ux-menu-item101>a:hover{
background-image:url('images/home_roll.gif');
height: 212px; width: 124px;
|
However, I can't work out how to display the roll-over image as a static image when the page is active i.e. home page rollover is a blue image, I want it to stay on this blue image when the user is viewing that page. I know that this bit of css code relates to it:
But I don't know how to assign individual menu items. I've tried various combinations of code, but I've got to the point where I have to ask for help.
