Highlighting top menu while the submenu is displayed

@opifexNov 17.2009 — #example of what isn't working?

hard to see what you want not seeing what you have.

@samsonkiranauthorNov 17.2009 — #Hi

Thank you for your reply. This is how i am displaying my menus & submenus

<li><a href="#" onmouseover="<c:out value='showMenu('Menu1')' escapeXml='false'/>" onmouseout="hideMenu('Menu1')" escapeXml='false'/>"><span>Menu1</span></a></li>

I have a the javascript, using which i'll add the submenus for each and every top menu and as it is shown in the above example, on mouseover the top menu i call the method showMenu in my javascript to display the corresponding submenu.

And my CSS has the below styling to style the topmenu on mouseover

a:hover

{

color:#039ED8 !important;

background:#BABCB9;

text-decoration: none;

width: 100px;

}

a:hover span

{

color:#039ED8 !important;

background:#BABCB9;

text-decoration: none;

padding-bottom:4px;

}

when i mouseover the topmenu it gets highlighted with grey background and also displays the submenus. But when i try to navigate to one of the submenu i.e just moving the mouse to one the submenu the grey background is gone. But i wanted the grey background to remain if the user is on the submenu. Hope this helps.

Thanks

@opifexNov 17.2009 — #with only seeing this i would say that the answer is in your javascript... and suggest to get rid of it and uses a pure css solution.

no one will be able to see the real problem without a more or less complete example... that includes the javascipt! the best way is to put a test page on line and link to it.

Highlighting top menu while the submenu is displayed

3 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Highlighting top menu while the submenu is displayed

3 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #CSS _↴