-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by Drewza1243
-
-
Sorry, didn't consider that Edit:So A Non verfied user, can use someone elses account, but have their username appear with your account posting??? did not you could do that!
Your solution worked! Thank you so much!Actually the use of padding 50% within ul would have contributed to width problem since it was not using position absolute at the time, these would not have been taken out of the flow from the rest of the page content. -
Thanks. Sorry if my previous comment was a bit short and rudeWell because the OP specifically asked about menu items in the first place, that what OP got! The rest is a mishmash of misused padding, float, which maybe because the OP was experimenting to come up with a solution to fix this problem, but if the OP wishes a solution to this problem he/she just needs to repost stating that fact. Edit: Actually the use of padding 50% within ul would have contributed to width problem since it was not using position absolute at the time, these would not have been taken out of the flow from the rest of the page content. -
That fixes the spacing of the menu items issue however the page is still unnecessarily wideYou need to give #nav2 li position: relative; this will force sublevel ul position to be determined by parent li top and left edge #nav2 li { float: left; list-style:none; text-decoration: none; font-size: 15px; padding: 5px 5px; border-radius: 5px; margin: 10px 5px; box-shadow: 3px 3px 6px #CCC inset; font-family: Myriad Pro, sans-serif; background: #d3d5d7; font-weight: 100; position: relative;} sublevel ul needs to be hidden from view until called upon #nav2 li ul { height: auto; /*left: 100px;*/left: -9999em; position: absolute; z-index:999; width: 100%; /*maybe consider a fixed width*/ padding: 0 50%;} -
Hi,I have an unordered list written in HTML and I want to get it to work as a drop down menu with CSS. The list code is fairly basic but I have no idea what to do for the CSS. Below is the HTML for the list. I don't have any control over it since it's generated by WordPress. HTML
<div class="menu-main-menu-container"><ul id="menu-main-menu" class="menu"> <li id="menu-item-79" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-79"><a href="http://suburbanjunkie.zxq.net">Home</a></li> <li id="menu-item-80" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80"><a href="http://suburbanjunkie.zxq.net/theband/">The Band</a></li> <li id="menu-item-81" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-81"><a href="http://suburbanjunkie.zxq.net/category/uncategorized/">Uncategorized</a></li> <li id="menu-item-82" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-82"><a href="http://suburbanjunkie.zxq.net/category/level-1/">level 1</a> <ul class="sub-menu"> <li id="menu-item-83" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-83"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/">level 2</a> <ul class="sub-menu"> <li id="menu-item-84" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-84"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/level-3/">level 3</a> <ul class="sub-menu"> <li id="menu-item-85" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-85"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/level-3/level-4/">level 4</a> <ul class="sub-menu"> <li id="menu-item-86" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-86"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-2/level-3/level-4/level-5/">level 5</a></li> </ul> </li> </ul> </li> </ul> </li> <li id="menu-item-87" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-87"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-22/">level 22</a> <ul class="sub-menu"> <li id="menu-item-88" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-88"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-22/level-33/">level 33</a></li> </ul> </li> <li id="menu-item-89" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-89"><a href="http://suburbanjunkie.zxq.net/category/level-1/level-222/">level 222</a></li> </ul> </li> <li id="menu-item-90" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-90"><a href="http://suburbanjunkie.zxq.net/category/meta/">Meta</a></li></ul></div>
Thanks in advance
Menu Bar from list
in CSS
Posted
Thanks everyone for your interest. I have a solution now so all is good again