Page 1 of 1
[SOLVED] Menu :hover issue
Posted: Tue Jan 06, 2009 12:45 pm
by Evil Phil
http://www.homoeopathy-clinic.com/
The menu is working fine except for ie6 & 7. For some reason the background on the current page menuitem (that's class menuactive) changes on hover. I don't know why either. Could somebody help me with this? I'm at my wits end.
Re: Menu :hover issue
Posted: Tue Jan 06, 2009 3:29 pm
by christiaans
I don't really see any difference (except for the round corners) between IE7 & FF3 (don't have IE6 here)...
Re: Menu :hover issue
Posted: Tue Jan 06, 2009 4:12 pm
by Evil Phil
If you put the mouse over the currently selected tag in the menu the tag changes.
Re: Menu :hover issue
Posted: Wed Jan 07, 2009 9:09 pm
by christiaans
Now I see indeed. As far as I can tell (from the page source and css), there isn't anything telling IE to act differently on a hover, so maybe what you should try is just adding:
At the bottom of your main stylesheet, so that there isn't any style applied. However, I usually define every state, even if I am not using it at that point, so that there won't be any misunderstandings..
Let me know if that doesn't work out..
Re: Menu :hover issue
Posted: Wed Jan 07, 2009 10:44 pm
by Dr.CSS
Actually it seems you used a CSSMenu template or the menu template for that type of menu, aka Drop down/Flyout menu style, so your has a call for...
Take it out and you may have what you need, it adds an h on the end of some of the menu items to make the hover state work...
In this case it changes to li.menuactiveh...
Re: [SOLVED] Menu :hover issue
Posted: Thu Jan 08, 2009 2:59 pm
by Evil Phil
It was indeed the javascript, thanks.
