Shade or have different color for every alternate row within a table.

liunx · Jan 9, 2008

Is there a way in within an HTML Table where i can shade or have a different color for every alternate row?? 
 
Thank you!!In your <head> tag... 
 
<style type="text/css"> 
 
</style> 
 
In your tabe code... 
 
<tr class="shade1"> 
<td>Text</td> 
</tr> 
<tr class="shade2"> 
<td>Text</td> 
</tr>Thank you, Spufi! BUT, 
I want to have different color for alternate table rows. 
My table is being populated with data from the database table and is within a loop, so i cannot try what Spufi asked me to do.. 
Is there any other way of doing it? 
 
My code looks as follows.. 
 
 
My code right now looks like, 
<table border="0"> 
<TR> 
<TH>HEADER1</TH> 
<TH>HEADER2</TH> 
<TH>HEADER3</TH> 
<TH>HEADER4</TH> 
<TH>HEADER5</TH> 
<TH>HEADER6</TH> 
<TH>HEADER7</TH> 
<TH>HEADER8</TH> 
<TH>HEADER9</TH> 
</TR> 
 
LOOP 
CODE...............(that populates the table) 
 
<TR> 
<TD>DATA1</TD> 
<TD>DATA2</TD> 
<TD>DATA3</TD> 
<TD>DATA4</TD> 
<TD>DATA5</TD> 
<TD>DATA6</TD> 
<TD>DATA7</TD> 
<TD>DATA8</TD> 
<TD>DATA9</TD> 
</TR> 
<TR> 
<TD>DATAa</TD> 
<TD>DATAb</TD> 
<TD>DATAc</TD> 
<TD>DATAd</TD> 
<TR> 
<hr> 
 
END LOOP 
</TABLE>

Shade or have different color for every alternate row within a table.

liunx

Guest