Table Examples

Two rows, different cell spacing - used 2 tables.

<table width="500" border="1" cellspacing="0" cellpadding="2">
<tr>
    <td width="10%"> </td>
    <td width="10%"> </td>
    <td width="10%"> </td>
    <td width="10%"> </td>	
    <td> </td>
</tr>
</table>
<table width="500" border="1" cellspacing="0" cellpadding="2">
<tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
</table>

The code for the tables includes a   (non-breaking space) to put a content in the cells, otherwise they would collapse. When you are putting content in you do not need this.

Adjust width of table (in this case - pixels, but could be % of page width). Adjust % width of cells in top table to your needs.

If you try to make a table with 2 different rows, the columns have to line up, although you can make one cell span more than one cell in another row.

Table with 2 rows, but see how cells line up.

<table width="500" border="1" cellspacing="0" cellpadding="2">
<tr>
    <td> </td>
    <td> </td>
    <td colspan="2"> </td>
</tr>
<tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
</table>

Just cut and paste the code, play around with cellspacing and cellpadding, and border width, see what happens.

Previous page

Go back to Community Leader Page

Page created 20 Oct 1998, Updated 25 Oct 1998