Hi, a bit stuck. I have a table which when hovered over, changes colour, from black to white. The text also changes, from white, to black. However I want to add a link in said table but after adding some a:hover, active etc. it will only do one colour.
Sorry if it's confusing. Here is the code.
Thanks for any help
Sorry if it's confusing. Here is the code.
Code:
<tr>
<td > </td>
<td class="below_header" onmouseover="this.className='below_header_hover'" onmouseout="this.className='below_header'"> <strong>TEXT</strong> - <a class="header_text" href="#">TEXT</a></td>
<td > </td>
</tr>
Code:
td.below_header{
background-color: #000000;
height: 35px;
color: #FFFFFF;
padding: 5px;
}
td.below_header_hover{
background-color:#FFFFFF;
color:#000000;
padding: 5px;
height: 35px;
}
a.header_text:active,a.header_text:visited,a.header_text:link,a.header_text:hover{
text-decoration:none;
color: #FFFFFF;
}Thanks for any help