"Bringing understanding and awareness of eBay Stores"
eBay Store owners dedicated to sharing knowledge
and resources for a better shopping community
|
eBay Store owners dedicated to sharing knowledge |
Nested Table Example - Using Colors |
|
| The HTML code for the nested table example above is as follows. The red text is comments, the blue text is the actual HTML code and the black text is what the actual text is in the example. |
| This first table is the outside black border <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> This second table is the next border in, using red colour <table width="100%" align="center" cellspacing="12" cellpadding="0" border="0" bgcolor="#990000"> <tr> <td bgcolor="#FFFFFF"> This third table is the inside black border <table width="100%" align="center" cellspacing="4" cellpadding="0" border="0" bgcolor="#000000"> <tr> <td bgcolor="#CCCCCC"> This fourth table is the inside table where your listing would be <table align="center" width="95%" bgcolor="#CCCCCC" border="0" cellpadding="10" cellspacing="0"> <tr> <td> </td> </tr> <tr> <td align="center"><font face="Arial" size="5"><b>NESTED TABLE EXAMPLE - USING COLOURS</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>For this table I am using three colours</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>The first table (the outside border) is black</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>The second table (the next border in) is red colour code #990000</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>The third table (the inside border) is black again (to give it the framed in look)</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>The fourth table is for where this text is appearing, and is using a grey background so that text can easily be read, but you could use any colour you wish.<br><br>Use standard colour codes located at <a href="http://www.geocities.com/katicksupplies/colour.html" target="new">http://www.geocities.com/katicksupplies/colour.html</a> and preferably from the first chart up top.</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>You can adjust the width/size of each border by changing the cellpadding numbers</b></font></td> </tr> <tr> <td> </td> </tr> </table>This end tag is for the fourth table </td></tr></table>These are the end tags of the third table </td></tr></table>These are the end tags of the second table </td></tr></table>These are the end tags of the first table |
| If you copy and paste the code in the text area below in a practice board, you will get exactly what is in the table above. |
| Return |