Little help pwease!

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>

well for one you posted the same code twice. and the link for the form is before the TD that is why you are getting it twice. put it inside the TD, like this

Code:

---

<tr>
 
<td width="100%" align='center' onMouseover="this.bgColor='#282828'" onMouseout="this.bgColor='#000000'" bgcolor="#000000"

style="cursor:hand"><a href="forum.html">
<font face="Tahoma" color="#FFFFFF">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" color="#FFFFFF"><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" color="#FFFFFF"><center>Tribes 1</font></a>
</td>
</tr>

---

by the way it brings down the link but it doesn't vhange the colors on mouseover. I changed the font color so I can see it better. you may want to change it back. and yes I was using IE and not netscape.

hope this helps

Heres the code again, How do I make it so the user can click anywhere on a row when it lights up for the link and it will link them instead of clicking the text. thats why I had it before the TD but that didnt work : \. When I click the Downloads it gets an error and wont drop down either. What should I try?

<tr>
<td width="100%" align='center' onMouseover="this.bgColor='#282828'" onMouseout="this.bgColor='#000000'" bgcolor="#000000"
style="cursor:hand"><a href="members.html">
<font face="Tahoma" color="#FFFFFF">Members</font></a>
</td>
</tr>
<tr>
<td width="100%" align='center' onMouseover="this.bgColor='#282828'" onMouseout="this.bgColor='#000000'" bgcolor="#000000"
style="cursor:hand"><a href="forum.html">
<font face="Tahoma" color="#FFFFFF">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" color="#FFFFFF"><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" color="#FFFFFF"><center>Tribes 1</font></a>
</td>
</tr>

the code I posted works great, it even dropped the downloads menu. as far as making it so you don't have to click on the text I would have to say try image mapping. not positive but I think you can do it without images.

I also was trying to edit my post in saying that I got the mouse over to work. an error on my part, but I could not get the page to load again.

I'm not quite sure how to do image mapping, if you don't mind can you show me a tiny example that would work for what im tryin to do here? Thanks for your help its workin great I just looked at something wrong

well this is for an image

Code:

---

<map name="menu">

<area shape=rect coords="6,5,90,20" href="some.html"
alt="read about some">
</map>

---

that code makes use of an external class module so the image hide until you mouseover it. but if gives you an idea. I have not worked much with this so I can't help that much.
here is a link explaining it better,
http://www.pangloss.com/seidel/ClrHlpr/imagemap.html

sorry I can't more than that