css drop down menu not dropping

2013-07-02 11:25 pm EST

Hits: 1,088
#ddm { width:auto; height: 35px; position:relative; z-index:99999 }
#ddm ul.hori { list-style-type:none; width:1000px; height:35px; margin-left:auto; margin-right:auto; }
#ddm ul.hori > li { float: left; height:35px; }
#ddm ul.hori li a { float:left; height:35px; line-height:32px; color:#CCCCCC; font-size:20px; font-weight:bold; text-align:center; padding: 0 35px 0 35px; text-decoration:none; }
#ddm ul.hori li.drop_holder { position:relative; z-index:9999; }
#ddm ul.hori li.drop_holder:hover ul.dropdown { display:block; position:absolute; }
#ddm ul.hori li.drop_holder ul.dropdown li a:hover { background:white; color:black; }
#ddm ul.hori li a:hover { text-decoration:underline; background-color:black; }
#ddm ul.hori li ul.dropdown { clear: both; list-style-type:none; background:silver; display:none; border: 1px #555555 solid; border-top:none; }
#ddm ul.hori li ul.dropdown li { height:35px; }

<div id="ddm">

<ul class="hori">

<li class="drop_holder"><a href="home_new.html">Home</a>
<ul class="dropdown">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="locations.html">Locations</a></li>
<li><a href="schedule.html">Schedule</a></li>
<li><a href="bulletins.html">Bulletins</a></li>

<li class="drop_holder"><a href="ccd_new.html">Youth</a>
<ul class="dropdown">
<li><a href="ccd_weekly_news_new.html">CCD Weekly News</a></li>
<li><a href="#">Button</a></li>
<li><a href="#">Button</a></li>

You must login before you can ask a follow up question.

You must login before you can submit an answer.

I have no idea why this menu won't drop down.
5 Points
2013-07-02 11:26 pm EST



14,568 Points
2013-07-03 9:36 am EST
Hello hilmardevil,

Thank you for your question. Since you are working on a css drop-down menu, I recommend James' article on creating a simple CSS drop down menu, it provides a working example.

If you have any further questions, feel free to post them below.
Thank you,


You must login before you can post a comment about this answer.

Like this Question?

Support Center Login

Social Media Login

Related Articles

It looks like there are no related articles.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Need more Help?


Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!