Why is my drop down menu not displaying? See below html and css.
-
css................ .sf-menu{ font-family: Arial, Helvetica, sans-serif; padding:0px; margin:15px 0px 0px 30px; } .sf-menu > li{ position:relative; float:left; padding:0px 15px 15px 20px; } .sf-menu > li > a { text-decoration:none; display:block; font-size:15px; color:#00b0f0; padding:0px 0px 0px 0px; } .sf-menu li li a{ display:block; margin:0; position:relative; text-decoration:none; font-size:15px; line-height:40px; color: #FFFFFF; overflow:hidden; padding:7px 0px 7px 20px; font-family: Arial, Helvetica, sans-serif; background: #CCCCCC; } .sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a{ color: #00b0f0; } .sf-menu ul{ position:absolute; width:160px; display:none; } .sf-menu li:hover ul,.sf-menu li.sfHover ul{top:30px; left:0; z-index:999;} .sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em} .sf-menu li.current,.sf-menu li:hover,.sf-menu li.sfHover{ text-decoration:none; } html.... </head> <body> <div id="wrapper"> <div id="header"><img src="images/logo.png" width="306" height="85" /></div> <div id="menu"> <ul class="sf-menu"> <li><a href="home.html">Home</a></li> <li><a href="products.html">About Us</a> <ul> <li><a href="#">What we do</a></li> <li><a href="#">Why Weblab</a></li> <li><a href="#">Who are we</a> </ul> <li><a href="technology.html">Clients and Results</a> <ul> <li><a href="#">Case studies</a></li> <li><a href="#">Industries</a></li> </ul> <li><a href="contacts.html">Our Method</a></li> <li><a href="contacts.html">Our Services</a> <ul> <li><a href="#">Conversion audit</a></li> <li><a href="#">Conversion optimisation</a></li> </ul> <li><a href="contacts.html">Blog</a></li> <li><a href="contacts.html">Conversion Tips</a></li> <li><a href="contacts.html">Contact</a></li> </ul> </div> </div> </body> </html>
-
Answer:
You must turn on the display (display:block;) while hovering .sf-menu li:hover ul,.sf-menu li.sfHover ul{top:30px; left:0; z-index:999;display:block;} But seriously, you must post this question in one of the technical sites like stack overflow, not here. Quora is for more for a general discussions.
Vyas Rao at Quora Visit the source
Related Q & A:
- Why is my asp.net menu not showing properly?Best solution by Stack Overflow
- Why would Arial be placed before Helvetica when using font-family in CSS?Best solution by Quora
- How to check if drop down menu of ActionBar is active?Best solution by Stack Overflow
- How to make scroll bar drop with a down menu?Best solution by Stack Overflow
- Why is photoshop displaying images too bright?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.