Creating and Modifying Tables
Inserting a table
To create a table inside the text editor:
- Click the
button. - In the popup window, type in the number of columns and rows.
- Type in a number for the amount of cellpadding (which represents the space around each individual cell) and cellspacing (which represents the space inside a cell around the text).
- Select an alignment for the table.
- Type in a number for the width of border. 0 means no border around the table.
- Type in a width and height of the table in pixels. If you don't type in numbers, the width will be maximum for the content area and the height will be the height necessary to fit all the information you type into the table.
- The "Class" setting does not have any options, so you can ignore this.
- In the "Advanced" tab, you can see settings such as:
- Id (useful for those who are styling a site using CSS)
- a table summary
- style information (using CSS, but this time directly in the table HTML)
- language direction (to account for languages that run right to left)
- language code for the table data
- the URL of a background image for the table
- the border and background colors which you can select from a list.
Resizing a table
You can use the mouse to manually resize a table using the boxes on the table itself.
- Click on the border of the table. You should see arrows and small boxes.
- Click on one of the small boxes and drag the table outward or inward to how large you want it to appear.
Working With Cells (Adding or Removing Columns and Rows and Merging)
- To remove the current row, click the
button - To remove the current column, click the
button - To insert a column after the current column, click the
button - To insert a column before the current column, click the
button - To insert a row after the current row, click the
button - To insert a row before the current row, click the
button - To merge cells, highlight the cells you want to combine, then click the
button. You can select cells in a column or in a row, or multiple rows and columns, and those selected cells will merge.
Properties
You can change the height, width, alignment, colors (foreground and background) of whole rows, or individual table cells by clicking on the respective properties button for each. There is no such button for entire columns.
- Clicking the
button gets you the properties for the current cell - Clicking the
button gets you the properties for the current row