Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
See http://bldd.nl/prototypes/megamenu/test23.php
I am stuck with this, if you rollover the submenu navigation you see the corresponding mainmenu rollover sprite?
How can i fix this and optimize the css?
Your CSS uses a descendant selector:
#jobs-news a:hover.This will match any
a:hoverinside of#jobs-news, even if it’s actually in one of its children.The simplest solution would be to give the root
aelements their own class (eg,<a class="MainLink" href="#">), then change the hover selectors to#jobs-news a.MainLink:hover.This way, it wouldn’t match the subitems, since they wouldn’t have the
MainLinkclass.If you don’t need to support IE6, you could also use a child selector:
#jobs-news > a:hover