|
|
Posted by Brandon on 06/05/07 14:16
I can't get the my CSS menu to display properly. Not sure what's going
on, but I'm probably not designing the nested list styles correctly.
Any help is much appreciated.
Thanks.
Html:
<SNIP>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div id="nav">
<ul>
<li>2007
<ul>
<li>05
<ul>
<li><a href="dat\2007\05\03\2007-05-03.html">03</a>
<ul>
<li><a href="dat\2007\05\03\2007-05-03.html#11">11</
a></li>
<li><a href="dat\2007\05\03\2007-05-03.html#12">12</
a></li>
<li><a href="dat\2007\05\03\2007-05-03.html#13">13</
a></li>
</ul>
</li>
<li><a href="dat\2007\05\04\2007-05-04.html">04</a>
<ul>
<li><a href="dat\2007\05\03\2007-05-04.html#11">11</
a></li>
<li><a href="dat\2007\05\03\2007-05-04.html#12">12</
a></li>
<li><a href="dat\2007\05\03\2007-05-04.html#13">13</
a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>2008</li>
<ul>
<li>05
<ul>
<li><a href="dat\2007\05\03\2007-05-03.html">03</a>
<ul>
<li><a href="dat\2007\05\03\2007-05-03.html#11">11</
a></li>
<li><a href="dat\2007\05\03\2007-05-03.html#12">12</
a></li>
<li><a href="dat\2007\05\03\2007-05-03.html#13">13</
a></li>
</ul>
</li>
<li><a href="dat\2007\05\04\2007-05-04.html">04</a>
<ul>
<li><a href="dat\2007\05\03\2007-05-04.html#11">11</
a></li>
<li><a href="dat\2007\05\03\2007-05-04.html#12">12</
a></li>
<li><a href="dat\2007\05\03\2007-05-04.html#13">13</
a></li>
</ul>
</li>
</ul>
</li>
<li>06</li>
</ul>
<li>2009</li>
</ul>
</div>
</body>
</html>
</SNIP>
CSS:
<SNIP>
#nav ul
{
margin: 0;
padding: 0;
list-style: none;
width: 50px;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000000;
background-color: #cccccc;
border-bottom: 1px, solid, #000000;
}
/* Position list items stacked vertically.*/
#nav li
{
position: relative;
}
/* Create sub-menu to appear to the right of its parent menu item when
that item is hovered over.*/
#nav li ul
{
position: absolute;
top: -1px;
left: 100%;
display: none;
}
/* */
#nav ul ul ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
border-bottom: 0;
}
/* Sub-menu hover */
#nav ul ul,
#nav ul ul ul,
#nav ul li:hover ul ul ul,
#nav ul ul li: hover u1 u1
{ display: none; }
#nav ul li:hover ul,
#nav u1 ul li:hover ul,
#nav ul ul ul li:hover ul
{ display: block; }
</SNIP>
Navigation:
[Reply to this message]
|