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>

Helpless

May 20,

<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>

sort of a fix

September 2,

This topic is archived.

mouseover td and <a> text colour change

See also:

Search

New Data Grid

Version 2