Welcome to Doors2Stores



"Bringing understanding and awareness of eBay Stores"

eBay Store owners dedicated to sharing knowledge
and resources for a better shopping community
   

Adding a Simple Border to a Table

ADDING A SIMPLE BORDER TO A TABLE
To put a border around a table, making it look like a border on a page, we need two tables.

The first table is actually the black border and the second table is for where this text is appearing.  I am using a white background so the text can easily be read.  You can use any colour you wish for the border colour or the background colour of the table.

Use standard colour codes located at http://www.geocities.com/katicksupplies/colour.html and preferably from the first chart up top.

You can also adjust the width/size of the border by changing the cellpadding numbers.
You can also include centered text or images, whatever you are including in your listing.

image example
 
The HTML code for the 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 border
<table width="100%" align="center" cellspacing="15" cellpadding="0" border="0" bgcolor="#000000">
    <tr>
        <td bgcolor="#FFFFFF">
This second table is what is inside the border
<table width="100%" align="center" cellspacing="20" cellpadding="0" border="0" bgcolor="#FFFFFF">
    <tr>
        <td align="center"><font face="Arial" size="5"><b>ADDING A SIMPLE BORDER TO A TABLE</b></font></td>
    </tr>
    <tr>
        <td><font face="Arial" size="3"><b>To put a border around a table, making it look like a border on a page, we need two tables.<br><br>The first table is actually the black border and the second table is for where this text is appearing. &nbsp;I am using a white background so the text can easily be read. &nbsp;You can use any colour you wish for the border colour or the background colour of the table.<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.<br><br>You can also adjust the width/size of the border by changing the cellpadding numbers.</b></font></td>
    </tr>
    <tr>
        <td align="center"><font face="Arial" size="3"><b>You can also include centered text or images, whatever you are including in your listing.<br><br><img src="http://www.doors2stores.com/images2/email3.jpg" alt="image example"></b></font></td>
    </tr>
</table>This end tag is for 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