onMouseover, bgcolor change

[Bic]

Heres my code:

 <table width="100%" cellpadding="0" cellspacing="0" style="border-top:1px #000000 solid;border-bottom:1px #000000 solid;">
              <tr> 
                <td onmouseover="changethiscellbgcolor"><div align="center"><strong><font size="1" face="verdana">INDEX</font></strong></div></td>
                <td onmouseover="changethiscellbgcolor"><div align="center"><strong><font size="1" face="verdana">NEWS</font></strong></div></td>
                <td onmouseover="changethiscellbgcolor"><div align="center"><strong><font size="1" face="verdana">WORK</font></strong></div></td>
                <td onmouseover="changethiscellbgcolor"><div align="center"><strong><font size="1" face="verdana">DOWNLOADS</font></strong></div></td>
                <td onmouseover="changethiscellbgcolor"> <div align="center"><strong><font size="1" face="verdana">ABOUT</font></strong></div></td>
              </tr>
            </table>

How do i get it so when the mouse is over that specific cell that the bgcolro changes?

[Katura]

Hm... try this:

Paste in your head:


<script language="javascript">
//<!--
function chooseaname()
{
document.bgColor="red"
}
//-->
</script>



Then in each cell have:

onMouseover="chooseaname()"


This is what I would use, except that I don't think 'onMouseOver' works with cells, or tables for the matter. Good luck.

[Bic]

Thanks man, but it dosnt work. Ive seen this done before and it probably so easy i just cant figure it out. Thanks anyways.

[Katura]

Are you sure it was a table? It could've been an image map, or just a rollover.

?

[Bic]

Yea it was a table.

[justlivyalife]

http://www.webdesignforums.net/showt...=cell+rollover

[romenov]

Try this one

<td onMouseover="this.style.backgroundColor='#9d9d9d'" onMouseout="this.style.backgroundColor=''" align="left" height="18">

[Bic]

Thank you so much.

[smoseley]

don't use camelCase on your attributes. The HTML DTD is all lower case, like so:

<td onmouseover="return;" onmouseout="return;">