Valid XHTML 1.0!

Valid CSS!

Tables
Tables are very useful to organize the content on a page.

Until now we have always added elements (text, images) to the body of the page. From now on we can organize the all content into tables so the layout will look tidier.

- Create a new file
- Insert --> Table

Here you can set the:

- ammount of rows and columns that your table will have
- the cell padding and cell spacing
- the width (relative to the page)
- and the border

Rows and columns
Here you should select the ammount of rows and columns. Select 4 x 4 table so 4 rows and 4 columns.

Cell padding and Cell spacing
Cell padding sets the amount of space between the border of the cell and the content of the cell. Its values can be an integer that specify the ammount of pixels between the cell border and its content or an integer followed by '%' that specify the percentage of the available amount of space between the border and the content.

Cell spacing sets the amount of space between the cell borders. Its values can be an integer that specify the ammount of pixel between cells or an integer followed by '%' that specify the percentage of the available ammount of space between borders.
Select '0' for both.

Width
This specifies the width of the table. It can be pixels or percentage. The percentage will be relative to the entire page. A column of 100% width will cover the full page's width. Select 400px.

Border
This integer sets the thickness of the table's border.
Select '0' if you don't want to show it or a greater number to show it. Now select '2' for the example

Colspan and Rowspan
Select the first cell and right click on it. Select Table --> 'Increase Column Span'.

What did it change? Now repeat this two times.
You should by now have the first row not divided by column.
Column span is very useful to arange the table to our needs, in this case to have a 'head row' at the top of the table. It basically makes one cell's content spanning into the other columns.
Now type 'My table' into the first row.

Ttype 1, 2, 3, 4 in the first four cells in the second row.
Then select the cell with the value '1' and right click on it. Select Table --> 'Increase Row span'.
What did it change?
You should by now have that cell spanning the row after.
Row span is very useful to span a cell content into other rows.

Now select the entire table so that it will become green once selected and, from the properties panel, change the allign to 'center'. This allow you to allign the table on the page.

Now select all the cells but the first row and, from the properties panel, set the allign to 'right'. Then select the first row and change the allign to 'center.
This will help you alligning the content inside cells.

Now enter some values in the remaining cells and save it.

See the example relative to tables.