PDA

View Full Version : Resolved Trouble customizing jQuery Multi Level CSS Menu



bradino
02-21-2009, 06:17 AM
Hello,

New to this forum, thank you in advance for your assistance!
I'm trying to customize the jQuery Multi Level CSS Menu #2 (http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/) but been unsuccessful. Please click here to view the menu http://thewovencompany.com/dev/menuhelp.html . What I'm want to do is to keep the top layer highlighted while hovering over the sub menus.
If you hover over 'folder 1' the sub menu appears, when you move down to the sub menu items the highlight disappears. It should stay white as I hover over the sub menus.
I tried adding this line below but had no luck.
.jqueryslidemenu ul li a:focus {background-color:#FFFFFF; }

Regards,

Snookerman
02-21-2009, 08:15 AM
Find this in your css file:

.jqueryslidemenu ul li a:hover{
background: #F6C739; /*tab link background during hover state*/
color: #000;

}
and replace it with this:

.jqueryslidemenu ul li:hover > a {
background: #F6C739; /*tab link background during hover state*/
color: #000;
}

Good luck!

bradino
02-22-2009, 05:02 AM
snookerman,
Thanks for your reply! I tried your suggestion but no luck. Any other ideas?

Regards,

Snookerman
02-22-2009, 08:37 AM
Nope, same idea, but do it right this time. You have this:

.jqueryslidemenu ul li a:hover > a {
background: #F6C739; /*tab link background during hover state*/
color: #000;
}
but you should have this:

.jqueryslidemenu ul li:hover > a {
background: #F6C739; /*tab link background during hover state*/
color: #000;
}

Good luck!

bradino
02-22-2009, 10:14 AM
snookerman,

Thank you very munch!!! It works...

Regards,

Snookerman
02-22-2009, 10:16 AM
Are you testing it on this page:
http://thewovencompany.com/dev/menuhelp.html (http://thewovencompany.com/dev/menuhelp.html)
If yes, then you still haven't changed to what I posted, you still have this:

.jqueryslidemenu ul li a:hover > a{
background: #F6C739; /*tab link background during hover state*/
color: #000;

}
but I posted this:

.jqueryslidemenu ul li:hover > a{
background: #F6C739; /*tab link background during hover state*/
color: #000;

}
If you are testing this on another page, please post a link to it.

Good luck!

Snookerman
02-22-2009, 09:02 PM
You're welcome, glad to help!
You can go to your first post in this thread, click http://www.dynamicdrive.com/forums/images/buttons/edit.gif then click Go Advanced and add the Resolved prefix to the thread title.
This will let other users know the problem has been solved.

Good luck with your site!