ActiveWidgets • mouseover td and <a> text colour change

Help please anyone?

I have got my <td> to change colour when mouse over, but I can't get the <a> text to change colour when <td> mouse over.

I am quite a novice, so presume I am either doing something wrong, or it can't be done.

Thanks in advance.

td.mainnav { width: 130px; height: 25px; background: #595BAD; padding-top: 5px; border-right: 1px solid #FFFFFF; font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal; color: #FFFFFF;}

td.mainnavswap { width: 130px; height: 25px; background: #C0C0C0; padding-top: 5px; border-right: 1px solid #FFFFFF; font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal; color: #000080;}

a.mainnav { font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal; text-decoration:none; color: #FFFFFF; }

a.mainnav:hover { text-decoration: none; color: #000080; }

<td class="mainnav" onmouseover="className='mainnavswap';" onmouseout="className='mainnav';" align="center" valign="top">
<b>
» <a class="mainnav" href="id_card_printers.html">ID Card Printers</a>
</b>
</td>

<style>

td.mainnav { width: 130px; height: 25px; background: #595BAD; padding-top: 5px; border-right: 1px solid #FFFFFF; font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal; color: #FFFFFF;}



td.mainnavswap { width: 130px; height: 25px; background: #C0C0C0; padding-top: 5px; border-right: 1px solid #FFFFFF; font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal; color: #000080;}



a.mainnav { font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; font-variant:normal; text-decoration:none; color: #FFFFFF; }



a.mainnav:hover { text-decoration: none; color: #000080; }

</style>



<table>

<td class="mainnav" align="center" valign="top">

<b>

&raquo; <a class="mainnav" href="id_card_printers.html" onmouseover="this.parentNode.parentNode.className='mainnavswap';" onmouseout="this.parentNode.parentNode.className='mainnav';">ID Card Printers</a>

</b>

</td>

</table>

mouseover td and <a> text colour change

Forum search