css drop down menu not dropping

Avatar
hilmardevil
  • updated
  • Answered

#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; }

Replies 1
Avatar
0
johnpaulb-imhs1
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