Tables

Tables can be a great way to space text and images evenly across a web page. From left to right, the buttons are:

Insert a new table

This button obviously allows you to insert a new table. It brings up a window in which you can specify:

• The number of columns and rows
• Cell padding - sets the amount of space between the contents of the cell and the cell wall
• Cell spacing - controls the space between table cells
• Alignment - specify if your table is to be right aligned, centred or left aligned
• Border - places a border around the table
• Width - sets the table width. This can be in pixels but we recommend using a percent value
• Class - read about classes on the attributes page, useful for styling
• Table Caption - allows you place a caption under your table

In most cases, the only areas you will need to edit would be the number of columns and rows and perhaps centralising the table to improve the layout of the content within your page.

Row and Cell Properties

The next two buttons deal with row and cell properties. The two most useful settings here are:

• Alignment of text within the table cells
• Cell width - useful if your table columns are to be different widths. E.g. your table may have 2 columns and you may prefer the left hand side to be 25% wide and the right hand side to be 75%

Inserting/Deleting Additional Rows and Columns

The next six buttons allow you to insert and delete additional rows and columns. Hover over the button with your mouse to see the button label. The button action will be self explanatory.

E.g. 'insert column after' will insert a column after the column your cursor is in.

Merging and Splitting Merged Cells

Merging cells combines a number of cells together to make one large cell. Splitting the merged cells will return them to the previous sate.

An Example

This tables settings are as follows:

• 2 rows and 2 columns
• width 90%
• table is centred on the page
• each cell is set to 25% wide so they are all evenly spread
• text has been centred within the cells
• a border thickness of 1 has been applied
• the top right cells have been merged