By sanjanaa on

Hi, i am using nice menu for my links. I changed the appearance, color,... by using nice_menus_default.css. I had a problem that the space between two menus shows different in various browsers. (i.e., if i aligned the space between two menu, it showed correctly without space in firefox, and IE7, but have some more extra space b/w two menu items in IE6.)
So, i used that if condition block in page.tpl file. (i.e., i removed that comment). Then my problem solved.

But still i am having the problem in hover option. I want to change my menu image while hovering it. It works fiine in Firefox & IE7. But it doesn't change the image while hovering in IE6.

How can I resolve this issue????

Thanks in advance,
Revathy.

⋅ Categories: Drupal 6.x

Comments

scott_earnest’s picture

scott_earnest commented

Try out something like this for the hover state in your nice menu css file. Obviously change the 99 to whatever the menu ID is and change the image path.

ul.nice-menu li#menu-99 a:hover, ul.nice-menu li#menu-99 a:active
{
     background-image: url(/images/navItemBg99.jpg);
}

Hope it helps.

sanjanaa’s picture

sanjanaa commented

Thank you for your kind reply. It works background for the menu's text, not for the whole menu button size while hovering. Similarly it works only for the sub menus not for Parent menus.

Thanks,
Revathy.

scott_earnest’s picture

scott_earnest commented

Can't really say. Feel free to check out this site. It is using the nice menus. Hopefully you can grab some code from the css that will help you out.

http://www.experienceplaytime.com

I'll tell you that one thing that we were not able to figure out was how to keep the parent item's hover image on when hovering over child items. Anyone know that one?