Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

Adding spacing to a table

Browsers pack rows and columns in tables tightly together. Sometimes there may only be a pixel or two between cells. You can use the cellspacing and cellpadding attributes to add extra space to cells in tables. Enter the spacing in pixels.

Cellspacing is the space between cells and between cells and the outside edge of the table. If you increase the cellspacing, the cells get further apart.

Cellpadding is the space between the text or picture in a cell and the edge of the cell. If you increase cellpadding, the cells get bigger but the space between cells stays the same.

This HTML…

Displays as…

<table border="1" cellpadding="10" cellspacing="10">
<th colspan="2">Fruit and Vegetables</th>
<tr>
<td>Apples<td>Celery
<tr>
<td>Oranges<td>Carrots
</table>

More information

Using tables

Creating a basic table

Sizing a table

Adding borders to a table

Adding spacing to a table

Adding a background picture to a table

Using colour in a table

Formatting text in a table

Aligning a table on the page

Aligning cells in tables

Adding captions to a table

Adding headers and footers

Adding blank lines to a table

Spanning rows and columns

Grouping columns