asked on

CSS Menu

Hi Guys,

We have created a website: http://deritend.mi-dev.co.uk/Home.htm

The client has requested a few modifications to the navigation which I am struggling with. If you mouse over the home page link for example and then move your mouse cursor onto the next level the home page returns to it's orginal state rather than staying green.

Also the client wishes that if you click Legislation and you the box that popsout on mouseover stays displayed even after your mouseout.

Hope you can help,

Cheers

J

ASKER CERTIFIED SOLUTION

Sander Stad

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

montpellier

ASKER

Hey thanks for the reply,

We have moved to a jQuery solution which seems to be working better.
One small problem is if you go to: http://deritend.mi-dev.co.uk/Home.htm and then mouse over another navigation item, the 'Home' link stays white and becomes invisable.

Is there anyway to change the font color back to the grey colour when you mouse over another item ?

Sander Stad

Just change the following items:

#menu li li a:hover { background:#57ac3c; color:#fff }
#menu li li a:hover span { color:#ffffff; }

to:
#menu li li a:hover { background:#57ac3c; color:#333333 }
#menu li li a:hover span { color:#333333; }

montpellier

ASKER

hey, thanks for the reply again.

the change does not appear to have changed anything.

Sander Stad

Hmm strange. Could you try to put this code in:
#menu a:hover { background:#57ac3c; color:#333333 }