"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 Images |
|
| 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 image border <table width="100%" align="center" cellspacing="20" cellpadding="0" border="0" background="http://www.geocities.com/katicksupplies/samples/336699-ginghammedium.jpg"> <tr> <td bgcolor="#FFFFFF"> This second table is the next border in, using plain black colour <table width="100%" align="center" cellspacing="10" cellpadding="0" border="0" bgcolor="#000000"> <tr> <td bgcolor="#FFFFFF"> This third table is the inside image border <table width="100%" align="center" cellspacing="15" cellpadding="0" border="0" background="http://www.geocities.com/katicksupplies/samples/336699-arabain.jpg"> <tr> <td bgcolor="#FFFFFF"> This fourth table is the inside table where your listing would be <table align="center" width="95%" bgcolor="white" border="0" cellpadding="10" cellspacing="0"> <tr> <td> </td> </tr> <tr> <td align="center"><font face="Arial" size="5"><b>NESTED TABLE EXAMPLE - USING IMAGES</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>For this table I am using two images and two colours</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>The first table (the outside border) is image URL http://www.geocities.com/katicksupplies/samples/336699-ginghammedium.jpg</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>The second table (the next border in) is using the colour black</b></font></td> </tr> <tr> <td><font face="Arial" size="2"><b>The third table (the inside border) is using another image URL http://www.geocities.com/katicksupplies/samples/336699-arabain.jpg</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 white background so that text can easily be read, but you could use any colour you wish.</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 |