Home Tables TBODY Easy Table Formatting
Search MS Office A-Z   |   Search Web Pages/ Design A-Z

Easy Table Formatting

Instead of:.

<TABLE border="1" cellpadding="3" cellspacing="0" width="300">
<tr>
<td width="50%" align="center" bgcolor="yellow">
<font face="verdana" color="purple">1st Cell</font>
</td>
<td width="50%" align="center" bgcolor="yellow">
<font face="verdana" color="purple">2nd Cell</font>
</td>
</tr>
<tr>
<td width="33%" align="center">
<font face="verdana" color="purple">2nd row</font>
</td>
<td width="50%" align="center">
<font face="verdana" color="purple">2nd row</font>
</td>
</tr>
<tr>
<td width="50%" align="center">
<font face="verdana" color="purple">3nd row</font>
</td>
<td width="50%" align="center">
<font face="verdana" color="purple">3nd row</font>
</td>
</tr>
</TABLE>

Use TBODY to format a single row or groups of rows inside your tables. Place the TBODY tag immediately before the opening TR that you want to format and be sure to close it outside the closing /TR tag. Your tables can contain multiple TBODY statements.

1st Cell 2nd Cell
2nd row 2nd row
3rd row 3rd row

You get the same table format with a lot less code:

<TABLE border="1" cellpadding="3" cellspacing="0" width="300">
<tbody align="center" style="font-family:verdana; color:purple; background-color:yellow">
<tr>
<td width="50%">1st Cell</td>
<td width="50%">2nd Cell</td>
</tr>
</tbody>
<tbody align="center" style="font-family:verdana; color:purple">
<tr>
<td width="50%">2nd row</td>
<td width="50%">2nd row</td>
</tr>
<tr>
<td width="50%">3rd row</td>
<td width="50%">3rd row</td>
</tr>
</tbody>
</table>

Home Tables TBODY Easy Table Formatting
Search MS Office A-Z   |   Search Web Pages/ Design A-Z