InMotion Hosting Support Center

css drop down menu not dropping


hilmardevil
Asked:
2013-07-02 11:25 pm EST

Hits: 1,129
#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>
</ul>
</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>
</ul>
</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.
hilmardevil
5 Points
2013-07-02 11:26 pm EST

OTHER ANSWERS

0

John-Paul
Staff
17,717 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,

-John-Paul

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

Like this Question?

Support Center Login

Social Media Login

   
Social Login Joomla

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?

Search

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!