I want to be able to put sub sub menus into this code but I don't know how. Please help.<br />
<br />
<html><br />
<head><br />
<title>test menu</title><br />
<style type="text/css"><br />
ul {<br />
padding: 0;<br />
margin: 0;<br />
list-style: none;<br />
}<br />
<br />
li {<br />
float: left;<br />
position: relative;<br />
width: 80px;<br />
}<br />
<br />
li ul {<br />
display: none;<br />
position: absolute; <br />
top: 1em;<br />
left: 0;<br />
}<br />
<br />
li > ul {<br />
top: auto;<br />
left: auto;<br />
}<br />
<br />
li:hover ul, li.over ul{ display: block; }<br />
<br />
clear: left <br />
</style><br />
<script type="text/javascript"><br />
startList = function() {<br />
if (document.all&&document.getElementById) {<br />
navRoot = document.getElementById("nav");<br />
for (i=0; i<navRoot.childNodes.length; i++) {<br />
node = navRoot.childNodes;<br />
if (node.nodeName=="LI") {<br />
node.onmouseover=function() {<br />
this.className+=" over";<br />
}<br />
node.onmouseout=function() {<br />
this.className=this.className.replace(" over", "");<br />
}<br />
}<br />
}<br />
}<br />
}<br />
window.onload=startList;<br />
</script><br />
</head><br />
<body><br />
<ul id="nav"><br />
<li>top layer 1<br />
<ul><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">1.1</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">1.2</a></li><br />
</ul><br />
</li><br />
<li>top layer 2<br />
<ul><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">2.1</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">2.2</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">2.3</a></li><br />
</ul><br />
</li><br />
<li>top layer 3<br />
<ul><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.1</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.2</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.3</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.4</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.5</a></li><br />
</ul><br />
</li><br />
</ul><br />
</body><br />
</html><!--content-->Cross posted. (<!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=23518">http://forums.webdeveloper.com/showthre ... adid=23518</a><!-- m -->)
<!--content-->
<br />
<html><br />
<head><br />
<title>test menu</title><br />
<style type="text/css"><br />
ul {<br />
padding: 0;<br />
margin: 0;<br />
list-style: none;<br />
}<br />
<br />
li {<br />
float: left;<br />
position: relative;<br />
width: 80px;<br />
}<br />
<br />
li ul {<br />
display: none;<br />
position: absolute; <br />
top: 1em;<br />
left: 0;<br />
}<br />
<br />
li > ul {<br />
top: auto;<br />
left: auto;<br />
}<br />
<br />
li:hover ul, li.over ul{ display: block; }<br />
<br />
clear: left <br />
</style><br />
<script type="text/javascript"><br />
startList = function() {<br />
if (document.all&&document.getElementById) {<br />
navRoot = document.getElementById("nav");<br />
for (i=0; i<navRoot.childNodes.length; i++) {<br />
node = navRoot.childNodes;<br />
if (node.nodeName=="LI") {<br />
node.onmouseover=function() {<br />
this.className+=" over";<br />
}<br />
node.onmouseout=function() {<br />
this.className=this.className.replace(" over", "");<br />
}<br />
}<br />
}<br />
}<br />
}<br />
window.onload=startList;<br />
</script><br />
</head><br />
<body><br />
<ul id="nav"><br />
<li>top layer 1<br />
<ul><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">1.1</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">1.2</a></li><br />
</ul><br />
</li><br />
<li>top layer 2<br />
<ul><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">2.1</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">2.2</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">2.3</a></li><br />
</ul><br />
</li><br />
<li>top layer 3<br />
<ul><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.1</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.2</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.3</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.4</a></li><br />
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"">3.5</a></li><br />
</ul><br />
</li><br />
</ul><br />
</body><br />
</html><!--content-->Cross posted. (<!-- m --><a class="postlink" href="http://forums.webdeveloper.com/showthread.php?s=&threadid=23518">http://forums.webdeveloper.com/showthre ... adid=23518</a><!-- m -->)
<!--content-->