Here are the problems.
1) Im new to the concept
2) The tutorial i am using uses divs, im doing a table based site
3) With the code i have used it displays my Menu items above my site. Id give you a visual but ill just explain in text.
[Drop down menu item]
[Top_bar spacer]
[Banner]
[Links were menu items should be coming out of]
[Rest of the site]
Here is the code. If someone can point out what i am doing wrong that would be great
Code:
<html>
<head>
<title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css">
ul {
padding: 0;
margin: 0;
list-style: none;
}
li {
float: left;
position: relative;
width: 10 em;
}
li ul {
display: none;
position: absolute;
top: 1 em;
left: 0;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
li > ul {
top: auto;
left: auto;
}
li:hover ul, li.over ul{ display: block; }
</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>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (index.psd) -->
<table id="content" width="801" height="1001" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="index/Top_bar.gif" width="800" height="19" alt=""></td>
<td>
<img src="index/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="index/Banner.gif" width="800" height="202" alt=""></td>
<td>
<img src="index/spacer.gif" width="1" height="202" alt=""></td>
</tr>
<tr>
<ul id="nav">
<li>
<td colspan="2"><a href="http://www.ksu.edu/sigep/"><img src="index/Home.gif" width="122" height="24" alt="" border="0"></a></td>
</li>
<li>
<td colspan="2"><a href="http://www.ksu.edu/sigep/"><img src="index/Sigep.gif" width="116" height="24" alt="" border="0"></a></td>
<ul>
<li><a href="">Creed</a></li>
<li><a href="">Intramurals</a></li>
<li><a href="">Philanthropy</a></li>
</ul>
</li>
<li>
<td colspan="4"><a href="http://www.ksu.edu/sigep/"><img src="index/Recruitment.gif" width="112" height="24" alt="" border="0"></a></td>
<ul>
<li><a href="">Why Sigep?</a></li>
<li><a href="">Rush Events</a></li>
<li><a href="">Application</a></li>
<li><a href="">Contact Info.</a></li>
</ul>
</li>
<li>
<td><a href="http://www.ksu.edu/sigep/"><img src="index/Roster.gif" width="115" height="24" alt="" border="0"></a></td>
<ul>
<li><a href="">Executives</a></li>
<li><a href="">Member List</a></li>
</ul>
</li>
<li>
<td><a href="http://www.ksu.edu/sigep/"><img src="index/Balanced_Man.gif" width="112" height="24" alt="" border="0"></a></td>
<ul>
<li><a href="">BMP</a></li>
<li><a href="">BM Scholarship</a></li>
</ul>
</li>
<li>
<td colspan="2"><a href="http://www.ksu.edu/sigep/"><img src="index/History.gif" width="113" height="24" alt="" border="0"></a></td>
<ul>
<li><a href="">Kansas Beta</a></li>
<li><a href="">National</a></li>
</ul>
</li>
<li>
<td><a href="http://www.ksu.edu/sigep/"><img src="index/Links.gif" width="110" height="24" alt="" border="0"></a></td>
<ul>
<li><a href="">Alumni</a></li>
<li><a href="">Sigep.org</a></li>
</ul>
</li>
</ul>
<td>
<img src="index/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="index/index_10.gif" width="800" height="18" alt=""></td>
<td>
<img src="index/spacer.gif" width="1" height="18" alt=""></td>
</tr>
</table>
</body>
</html>
I summed it up there at the end with the end tags but the site is much larger. The rest of the code does mean anything to this post so i did not include it. I get the idea of how it works how then did the mouse over stuff etc. But once again i understnad how it works but am unable to get it to do it.
__________________
I can read it,
and understand it,
but when i try it everything goes wrong.
Reading master, Coding failure
