Zen Follower
- Join Date:
- Jul 2008
- Posts:
- 151
- Plugin Contributions:
- 0
whats wrong with this css for my dropdown menu?
I've got this in my tpl_modules_categories_tabs.php to do a drop down menu. I am having two problems.
-
The dropdown menu won't work until you click on a top category, then it starts to work when you hover.
-
The position of the drop down is not good at all - its supposed to drop down, mine drops to the right of the category.
I have browsed several times on here to try and work it out, and visited several code tutorial sites and I am still stumped.
<style type="text/css"> #navCatTabsDropdown { width:100%; background:#c04edb; float:left; } #navCatTabsDropdown li { float:left; display:inline; vertical-align:middle; background-color: e978be; posotion: relative; } #navCatTabsDropdown li li {float: none;} #navCatTabsDropdown * li ul { visibility:hidden; background-color: #e978be; position:absolute; padding: 0.5em; z-index: 100; } #navCatTabsDropdown * li:hover ul { visibility:visible; color: #ffffff; background-color: #c04edb; border: 0px outset; white-space:nowrap; } </style>