Styling nested lists
Posted: Mon Aug 11, 2008 11:25 pm
Help! I really can't figure out what I should be doing here. I've put my menu into a unordered list, and it has a variable number of lists inside it. I want it to display in such a way that only the list items in the first UL show in a line across the menu bar, and when I hover the mouse over them, the rest of the lists pop up (the format of those isn't nearly as important). Here's what I've got now. I can't figure out how to make the other ULs appear beneath those headers.
Thanks
relevant CSS:
Thanks
relevant CSS:
Code: Select all
#main a {
display: block;
}
#main li {
display: block;
float: left;
list-style-type: none;
text-align: center;
width: 40px;
}
#main li ul {
display: none;
visibility: visible;
width: 5px;
}