Been trying to get a mouseover dropdown menu to work when I copy and paste the code all I get is the code where the buttons should be.When it does work I go to preview I get script errors.I am new to this html thing I am using frontpage 2002.This is the code I am trying to use and putting it in the body.I am changing the ahref with my stuff. Thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<LINK REL="StyleSheet" HREF="menu.css">
<script language="javascript" src="menu.js"></script>
</head>
<body>
<h1 align="center">Main Heading</h1>
<table class="navbar" width="800">
<tr>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 1</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 2</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 3</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 4</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
<td class="menuNormal" width="160" onmouseover="expand(this);"
onmouseout="collapse(this);">
<p>Menu 5</p>
<div class="menuNormal" width="155">
<table class="menu" width="155">
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 1</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 2</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 3</a>
</td></tr>
<tr><td class="menuNormal">
<a href="page.htm" class="menuitem">Item 4</a>
</td></tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>