Extra TR TD Tags

SPECIAL TABLE EFFECTS 1 EXTRA <TR> AND <TD> TAGS (for MSNTV only)!

ADD ONE OR MORE EXTRA SETS OF <TR><TD> AND SOME CELLPADDING (in this case 20)!

The table marked "0" is a plain table.
The table with the extra set is marked "1."
The table with "2" beneath it has 2 extra sets.
The "3" table has 3 extra sets!

As you can see, these extra sets plus the width of the cellpadding greatly affect the way the browser translates the table.

"0"

"1"

"2"

"3"

CODES for the Tables Above:

<table><tr><td> <table bgcolor="#aaaaff" gradcolor="000010" gradangle="-62" width="70" height="150" border="2"><tr><td align=center>
<table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="95" cellpadding="20" height="100" border="0"> 
<tr><td><table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="-95" cellpadding="20" height="50" border="0"> 

</td></tr></table></td></tr></table></td></tr></table></td>

<td><table bgcolor="#aaaaff" gradcolor="000010" gradangle="-62" width="70" height="150" border="2"> <tr><td align=center>
<table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="95" cellpadding="20" height="100" border="0"> 
<tr><td><table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="-95" cellpadding="20" height="50" border="0">
<tr><td>
</td></tr></table></td></tr></table></td></tr></table> </td>

<td><table bgcolor="#aaaaff" gradcolor="000010" gradangle="-62" width="70" height="150" border="2"> <tr><td align=center>
<table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="95" cellpadding="20" height="100" border="0"> 
<tr><td><table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="-95" cellpadding="20" height="50" border="0"> 
<tr><td><tr><td>
</td></tr></table></td></tr></table></td></tr> </table></td>

<td><table bgcolor="#aaaaff" gradcolor="000010" gradangle="-62" width="70" height="150" border="2"> <tr><td align=center>
<table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="95" cellpadding="20" height="100" border="0"> 
<tr><td><table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="-95" cellpadding="20" height="50" border="0">
<tr><td><tr><td><tr><td>
</td></tr></table></td></tr></table></td></tr></table> </td> </tr>

<tr><td align="center" valign="bottom"><font size="3">"0"</font></td>
<td align="center" valign="bottom"><font size="3">"1"</font></td>
<td align="center" valign="bottom"><font size="3">"2"</font></td>
<td align="center" valign="bottom"><font size="3">"3"</font></td></tr></table>

NOTE: There is no extra set(s) of closing tags to match the extra opening set(s).

HORIZONTAL EFFECT: Just exchange the values of the heights and widths.
The first has no extra <tr> <td> tags;
The second has one extra set.
The third has two extra sets.
The effect is entirely different.

<table><tr><td><table bgcolor="#aaaaff" gradcolor="000010" gradangle="-62" width="150" height="70" border="2"> <tr><td align=center>
<table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="95" cellpadding="20" width="100" border="0"> 
<tr><td><table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="-95" cellpadding="20" width="50" border="0">

</td></tr></table></td></tr></table> </td></tr></table></td>

<td><table bgcolor="#aaaaff" gradcolor="000010" gradangle="-62" width="150" height="70" border="2"> <tr><td align=center>
<table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="95" cellpadding="20" width="100" border="0"> 
<tr><td><table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="-95" cellpadding="20" width="50" border="0">
<tr><td>
</td></tr></table></td></tr></table> </td></tr></table></td>

<td><table bgcolor="#aaaaff" gradcolor="000010" gradangle="-62" width="150" height="70" border="2"> <tr><td align=center>
<table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="95" cellpadding="20" width="100" border="0"> 
<tr><td><table bgcolor="#001e28" gradcolor="#cfcfff" gradangle="-95" cellpadding="20" width="50" border="0">
<tr><td><tr><td>
</td></tr></table></td></tr></table></td></tr></table></td></tr></table>

CAUTION: If you put an image, text or scope inside the inner table cell, the result will look like an ordinary table! To preserve this extra <tr><td> effect, you must use CSS to position the image, text or scope.

	Thursday 21st of August 2008 09:56:20 PM See Flo's Other Tutes Copyright© by Tone By Tone Dot Net Tandem Tooters
~ Arbor Hosting ~