If you're looking for a great way to spice up your
HTML tables, this HTML mouseover code may be just what you're looking for.
Place your mouse pointer over each of the HTML table cells below to view
this HTML mouseover effect. The HTML table cells will change to a specified
color when you place your pointer over the cells.
This HTML code will enable you to give your HTML tables a more professional
look and feel, as it will greatly improve the presentation of your HTML table
data.
However, when using this HTML code, please ensure that you only use light
colors within your HTML table cells to ensure your text can be easily viewed.
HTML table data 1
|
HTML table data 2
|
HTML table data 3
|
Place the following
code within the <TR> or <TD> tag of your HTML table
code:
| onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'" |
Your table code
might look something like this:
<TABLE BORDER="2"
CELLPADDING="2" WIDTH="100%">
<TR
onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'">
<TD>Your Table Data</TD>
</TR>
<TR
onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'">
<TD>Your Table Data</TD>
</TR>
<TR
onMouseover="this.bgColor='#EEEEEE'"onMouseout="this.bgColor='#FFFFFF'">
<TD>Your Table Data</TD>
</TR>
</TABLE> |
| Change the text indicated in
bold to suit your needs. However, make sure you select a background
color that will enable your text to be easily viewed.
|
Tip provided by:
John Nitkowski
http://www.LMSuccess.com
|
|
