Amethyst Breeze
05-24-2006, 05:54 PM
I've got a navigation frame that has drop-down menus.
I can get it to go down into one sub menu, but I want to have another sub-menue from the sub menu...I hope that's not too confusing. It's like this (underscores are blank space):
[+]Menu 1
_____[+]Menu Two
__________-Link 1
__________-Link 2
My HTML Is as follows (I only posted what I need help with- this isn't my entire code)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Navigation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="inc/display.js" type="text/javascript">
</script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body onload="init()" class="nav" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">
<p class ="head">Navigation</a></p>
<span class="navhead">General:</span>
<div class="toplevel"><a href="content.html" target="content">Home</a></div>
<div class="toplevel"><a href="updates.html" target="content">Updates</a></div>
<div class="toplevel"><a href="content.html" target="content">About</a></div>
<div class="toplevel"><a href="content.html" target="content">Contact</a></div>
<p class="head">Cetaceans</p>
<!-- orcas -->
<div class="toplevel"><img src="images/plus.gif" class="square" alt="" width="15" height="16" id="sq1" onclick="togglemenu(1)" /> <span onclick="togglemenu(1)">Orca</a></span>
</div>
<div class="sublevel" id="sub1">
<img src="images/plus.gif" class="square" alt="" width="15" height="16" id="sq2" onclick="togglemenu(2)" /> <span onclick="togglemenu(2)"></span> <a class="submenu" >SWC</a><br />
<div class="sublevel" id="sub3">
<img src="images/branch.gif" class="square" alt="" width="8" height="16" /> <a class="submenu" href="swc-orca.html" target="content">Living</a><br />
<div class="sublevel" id="sub4">
<img src="images/branch.gif" class="square" alt="" width="8" height="16" /> <a class="submenu" href="swc-orca-d.html" target="content">Deceased</a><br />
I can get it to go down into one sub menu, but I want to have another sub-menue from the sub menu...I hope that's not too confusing. It's like this (underscores are blank space):
[+]Menu 1
_____[+]Menu Two
__________-Link 1
__________-Link 2
My HTML Is as follows (I only posted what I need help with- this isn't my entire code)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Navigation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script src="inc/display.js" type="text/javascript">
</script>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body onload="init()" class="nav" marginheight="0" marginwidth="0" topmargin="0" leftmargin="0">
<p class ="head">Navigation</a></p>
<span class="navhead">General:</span>
<div class="toplevel"><a href="content.html" target="content">Home</a></div>
<div class="toplevel"><a href="updates.html" target="content">Updates</a></div>
<div class="toplevel"><a href="content.html" target="content">About</a></div>
<div class="toplevel"><a href="content.html" target="content">Contact</a></div>
<p class="head">Cetaceans</p>
<!-- orcas -->
<div class="toplevel"><img src="images/plus.gif" class="square" alt="" width="15" height="16" id="sq1" onclick="togglemenu(1)" /> <span onclick="togglemenu(1)">Orca</a></span>
</div>
<div class="sublevel" id="sub1">
<img src="images/plus.gif" class="square" alt="" width="15" height="16" id="sq2" onclick="togglemenu(2)" /> <span onclick="togglemenu(2)"></span> <a class="submenu" >SWC</a><br />
<div class="sublevel" id="sub3">
<img src="images/branch.gif" class="square" alt="" width="8" height="16" /> <a class="submenu" href="swc-orca.html" target="content">Living</a><br />
<div class="sublevel" id="sub4">
<img src="images/branch.gif" class="square" alt="" width="8" height="16" /> <a class="submenu" href="swc-orca-d.html" target="content">Deceased</a><br />