WORKING WITH TABLES

There are various ways of designing your pages - using tables, layers and frames - to control

how your content is organised and designed.

The table above has 2 columns (green arrows) and 2 rows (red arrows) The table below has 3 columns (green arrows) and 3 rows (red arrows)

In this Guide, we will concentrate on Tables because they can be read easily in all browsers, whereas some older browsers cannot read layers and frames.

Tables control where text and graphics will appear on the page.

To insert a table place the cursor where you want the table to appear and choose Insert > Table from the top menu.
Dialogue box:
In the Dialogue box which appears fill in the number of rows and/or columns and insert the table width.

Remember: Rows across the page with cells in each                    row
                   Columns down the page with cells in each                    column

A cell can span 2 or more columns (Colspan) or 2 or more rows (Rowspan)
The table width is fixed either in pixels (a specific measurement) or, if it is a table nested inside another table, as a percentage of the outer table.
The depth of your table adjusts according to the length of your content so it’s up to you to control the length of text as your visitors are not happy to scroll long lengths of text.
If you want the borders to be invisible on the table, choose a border value of 0. A border value of 1 (or more pixels) creates a 3D line round the table.

Finally add cell spacing (for space around the content inside the cell) and cell padding (space around the outside of the cell). I normally add 5 pixels of cell spacing to give the content some ‘air’.

Adding content and changing shape