I'm working on making a single column table so when the user moves the cursor over the certain sections of the table it lights up like I have in the code and changes the cursor to the hand, then they can click that part of the table and it will link them. Then I have another code you will see when you scroll down to a part with javascript and this is just a simple drop down menu, but for some reason I can't get it exactally right with the table added. And why does the Downloads part (you click and its supposed to drop down) have the forum.html even after I ended that link!!
Any help is appreciated greatly. Thanks all.


<tr>
<a href="forum.html">
<td width="100%" onMouseover="this.bgColor='#282828'" onMouseout="this.bgColor='#000000'" bgcolor="#000000" style="cursor:hand">
<font face="Tahoma"><center>Forum</font></a>
</td>
</tr>
<tr>
<script language="javascript">
<!--
function preload(){}
function showhide(what,what2)
{
if (what.style.display=='none')
{
what.style.display='';
}
else
{
what.style.display='none'
}
}
-->
</script>

<td width="100%" onMouseover="this.bgColor='#282828'" onMouseout="this.bgColor='#000000'" bgcolor="#000000" style="cursor:hand">
<span id="menu1" onClick="showhide(downloads)" style="cursor:hand">
<font face="Tahoma"><center>Downloads</font></span>
</tr>
</td>

<tr>

<td width="100%" onMouseover="this.bgColor='#282828'" onMouseout="this.bgColor='#000000'" bgcolor="#000000" style="cursor:hand">

<span id="downloads" onFocus="this.blur();" style="display:'none'">
<a href="downloads.html" target="main">

<font face="Tahoma"><center>Tribes 1</font></a>
</td>
</tr><tr>
<a href="index.html">
<td width="100%" onMouseover="this.bgColor='#282828'" onMouseout="this.bgColor='#000000'" bgcolor="#000000" style="cursor:hand">
<font face="Tahoma"><center>Forum</font></a>
</td>
</tr>
<tr>
<script language="javascript">
<!--
function preload(){}
function showhide(what,what2)
{
if (what.style.display=='none')
{
what.style.display='';
}
else
{
what.style.display='none'
}
}
-->
</script>

<td width="100%" onMouseover="this.bgColor='#282828'" onMouseout="this.bgColor='#000000'" bgcolor="#000000" style="cursor:hand">
<span id="menu1" onClick="showhide(downloads)" style="cursor:hand">
<font face="Tahoma"><center>Downloads</font></span>
</tr>
</td>

<tr>

<td width="100%" onMouseover="this.bgColor='#282828'" onMouseout="this.bgColor='#000000'" bgcolor="#000000" style="cursor:hand">

<span id="downloads" onFocus="this.blur();" style="display:'none'">
<a href="downloads.html" target="main">

<font face="Tahoma"><center>Tribes 1</font></a>
</td>
</tr>