--------------------------------------------------------------------------------
Highlighting Table Cells
Highlighting table cells in Netscape browsers
Added on 29/05/2004 by Jay
Views: 5122 Comments: 4 Rating: 6.3/10 (4 votes)
This tutorial is intended to show someone how to code mouseover changing of a table cell background colour, without the use of JavaScript.
Note, This tutorial will only work with Non Internet Explorer browsers
First, set your navigation link class:
.navigation { background-color: #FFFFFF; font-size: 11px; color: #000000 }
And then apply it to your table cells:
<td class="navigation">
Now, we only want the CSS to apply the mouseover to all <td> tags, so here's the code to do that:
td.navigation :hover {background-color: #000000; display: block; color: #FFFFFF }
Once you've put this inside your stylesheet, it works.. simple as )
This works much better than JavaScript and is also hidden from people viewing your code (If your using external style sheets).
Highlighting Table Cells
Highlighting table cells in Netscape browsers
Added on 29/05/2004 by Jay
Views: 5122 Comments: 4 Rating: 6.3/10 (4 votes)
This tutorial is intended to show someone how to code mouseover changing of a table cell background colour, without the use of JavaScript.
Note, This tutorial will only work with Non Internet Explorer browsers
First, set your navigation link class:
.navigation { background-color: #FFFFFF; font-size: 11px; color: #000000 }
And then apply it to your table cells:
<td class="navigation">
Now, we only want the CSS to apply the mouseover to all <td> tags, so here's the code to do that:
td.navigation :hover {background-color: #000000; display: block; color: #FFFFFF }
Once you've put this inside your stylesheet, it works.. simple as )
This works much better than JavaScript and is also hidden from people viewing your code (If your using external style sheets).
