Tutor 8 Tables 3 the next level of table controls
In all table commands no background and no bgcolor makes it transparent.
table #1 with BG=starfiel.gif graphic with 1 cell no color making it transparent text color set to yellow using font color controls.

Row 1 cell 1


table #2 with BG=starfiel.gif graphic with 2 cells cell 1 with red BG cell 2 no color making it transparent & text color set to yellow using text command.
Note: Black line is all you see of the background in cell 1.

Row 1 cell 1


Row 1 cell 2


table #3 with BG=starfiel.gif graphic with 3 cells cell 1 with red BG cell 2 no color making it transparent & text color set to yellow using text command. cell 3 set to green BG & text color set to blue using text command.
Note: Black line is all you see of the background in cell 1.

Row 1 cell 1


Row 1 cell 2


Row 1 cell 3


table #4 with BG=starfiel.gif graphic with 2 rows; row 1 - 4 cells are colored as before Note: Black line is all you see of the background.
In Row 2 however the cells have no cell colors at all and the text has been colored.

Row 1 cell 1


Row 1 cell 2


Row 1 cell 3


Row 1 cell 4


Row 2 cell 1


Row 2 cell 2


Row 2 cell 3


Row 2 cell 4


table #5 is the same as #4 except that all borders have been set to border="0"
with BG=starfiel.gif graphic with 2 rows; row 1 - 4 cells are colored as before Note: Black line is all you see of the background.
In Row 2 however the cells have no cell colors at all and the text has been colored.

Row 1 cell 1


Row 1 cell 2


Row 1 cell 3


Row 1 cell 4


Row 2 cell 1


Row 2 cell 2


Row 2 cell 3


Row 2 cell 4

Listed below between each of the lines is the html to create the 5 tables above.

<table align="center" border="10" width="100%" title="Simple Table"  background="http://www.prophecy.worthyofpraise.org/gfx/starfiel.gif">
<tr align="center">
<td align="center" width="33%" >
<font color="yellow">
<br>Row 1 cell 1<br><br>
</font></td>
</tr>
</table>


<table align="center" border="10" width="100%" title="Simple Table"  background="http://www.prophecy.worthyofpraise.org/gfx/starfiel.gif">
<tr align="center" title="tablerow1">
<td align="center" bgcolor="red" width="50%" >
<br>Row 1 cell 1<br><br></td>
<td align="center" width="50%" >
<font color="yellow">
<br>Row 1 cell 2<br><br>
</font></td>
</tr>
</table>
<table align="center" border="10" width="100%" title="Simple Table"  background="http://www.prophecy.worthyofpraise.org/gfx/starfiel.gif">
<tr align="center" title="tablerow1">
<td align="center" bgcolor="red" width="33%" >
<br>Row 1 cell 1<br><br></td>
<td align="center"  width="33%" >
<font color="yellow">
<br>Row 1 cell 2<br><br>
</font></td>
<td align="center" width="33%" bgcolor="green" >
<font color="blue">
<br>Row 1 cell 3<br><br>
</font></td>
</tr>
</table>
<table align="center" border="10" width="100%" title="Simple Table"  background="http://www.prophecy.worthyofpraise.org/gfx/starfiel.gif">
<tr align="center"  >
<td align="center" bgcolor="red" width="25%" >
<br>Row 1 cell 1<br><br></td>
<td align="center" bgcolor="green" width="25%" >
<br>Row 1 cell 2<br><br></td>
<td align="center" bgcolor="blue" width="25%" >
<br>Row 1 cell 3<br><br></td>
<td align="center" bgcolor="Fuchsia" width="25%" >
<br>Row 1 cell 4<br><br></td>
</tr>
<tr>
<td align="center" width="25%" >
<font color="orange">
<br>Row 2 cell 1<br><br>
</font></td>
<td align="center" width="25%" >
<font color="yellow">
<br>Row 2 cell 2<br><br>
</font></td>
<td align="center" width="25%" >
<font color="white">
<br>Row 2 cell 3<br><br>
</font></td>
<td align="center"  width="25%" >
<font color="fuchsia">
<br>Row 2 cell 4<br><br>
</font></td>
</tr>
</table>
<table align="center" border="0" width="100%" title="Simple Table"  background="http://www.prophecy.worthyofpraise.org/gfx/starfiel.gif">
<tr align="center" border="0" >
<td align="center" bgcolor="red" width="25%" border="0">
<br>Row 1 cell 1<br><br></td>
<td align="center" bgcolor="green" width="25%" border="0">
<br>Row 1 cell 2<br><br></td>
<td align="center" bgcolor="blue" width="25%" border="0">
<br>Row 1 cell 3<br><br></td>
<td align="center" bgcolor="Fuchsia" width="25%" border="0">
<br>Row 1 cell 4<br><br></td>
</tr>
<tr>
<td align="center" width="25%" >
<font color="orange">
<br>Row 2 cell 1<br><br>
</font></td>
<td align="center" width="25%" >
<font color="yellow">
<br>Row 2 cell 2<br><br>
</font></td>
<td align="center" width="25%" >
<font color="white">
<br>Row 2 cell 3<br><br>
</font></td>
<td align="center"  width="25%" >
<font color="fuchsia">
<br>Row 2 cell 4<br><br>
</font></td>
</tr>
</table>