Code: Select all
<style type="text/css">
body {
font-family: arial, helvetica, serif;
}
ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
}
li { /* all list items */
float: left;
position: relative;
width: 10em;
}
li ul { /* second-level lists */
display: none;
position: absolute;
top: 1em;
left: 0;
}
li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}
li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}
#content {
clear: left;
}
</style>
<script type="text/javascript"><!--//--><!їCDATAї//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodesїi];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//--><!]]></script>
</head>
<body>
<ul id="nav">
<li>Upload
<ul>
<li><a href="">Music</a></li>
<li><a href="">Pictures</a></li>
</ul>
</li>
<li>Forum
<ul>
<li><a href="http://eckclan.proboards19.com/index.cgi?board=general">General</a></li>
<li><a href="http://eckclan.proboards19.com/index.cgi?board=Wars">Matches</a></li>
<li><a href="http://eckclan.proboards19.com/index.cgi?board=challenge">Challenge</a></li>
<li><a href="http://eckclan.proboards19.com/index.cgi?board=site">Website</a></li>
</ul>
</li>
<li>Music
<ul>
<li><a href="">Popup</a></li>
<li><a href="">Selector</a></li>
<li><a href="">List</a></li>
</ul>
</li>
</ul>