Good morning ...
I have made a column of table cells that each have a text link in them ... I have it set now that when the table cell is moused ocer the background goes from light grey to medium grey.
When I mouse over the text it goes from red to white.
(Ya, I know ... it's ugly)
my problem is when I mouse over the cell, but not the text ... I still have the red text with the medium grey box. and this is no good ...
Below is my code.
<style type="text/css">
.nav { color: CC0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-weight: bold;}
.nav:Hover {color: FFFFFF;}
.cell_overmain { BACKGROUND-COLOR: 999999 }
.cell_outmain { BACKGROUND-COLOR: CCCCCC }
</style>
AND IN THE BODY
<td width="148" onmouseover="this.className='cell_overmain';" onmouseout="this.className='cell_outmain';"><a href="" class="nav">About Us</a></td>
Any help would be appreciated.
M...
I have made a column of table cells that each have a text link in them ... I have it set now that when the table cell is moused ocer the background goes from light grey to medium grey.
When I mouse over the text it goes from red to white.
(Ya, I know ... it's ugly)
my problem is when I mouse over the cell, but not the text ... I still have the red text with the medium grey box. and this is no good ...
Below is my code.
<style type="text/css">
.nav { color: CC0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none; font-weight: bold;}
.nav:Hover {color: FFFFFF;}
.cell_overmain { BACKGROUND-COLOR: 999999 }
.cell_outmain { BACKGROUND-COLOR: CCCCCC }
</style>
AND IN THE BODY
<td width="148" onmouseover="this.className='cell_overmain';" onmouseout="this.className='cell_outmain';"><a href="" class="nav">About Us</a></td>
Any help would be appreciated.
M...