In this section: Starting a New Page Formatting Your Web Pages Using Style Sheets to Style Your Web Pages Adding Tables to Your Web Page Adding Pictures (Images) to Your Web Page Working with Table of Contents on Your Web Page Working With Templates Setting Page Properties Creating Links in KompoZer Customizing KompoZer

Adding Tables to Your Web Page

Inserting a Table

Tables are useful for organizing text, pictures, and data into formatted rows and columns. To insert a table:

  1. Click to place the insertion point where you want the table to appear.
  2. Click the Table button on the Composition toolbar. The Insert Table dialog box appears.
  3. Type the number of rows and columns you want.
  4. Enter a number for the border thickness (in pixels); enter zero for no border.

    Note: KompoZer uses a red dotted line to indicate tables with a zero border; the dotted line disappears when the page is viewed in a browser.

  5. To apply additional table attributes or JavaScript, click Advanced Edit to display the Advanced Property Editor.
  6. Click OK to confirm your settings and view your new table.

To change additional properties for your new table, see Changing a Table's Properties.

Tip: To insert a table within a table, open the Insert menu and choose Table.

[ Return to beginning of section ]

Changing a Table's Properties

This section describes how to modify properties that apply to an entire table as well as the rows, columns, or individual cells within a table. If you are not currently viewing the Table Properties dialog box, follow these steps:

  1. Select the table, or click anywhere inside it.
  2. Click the Table button on the toolbar, or open the Table menu and choose Table Properties. The Table Properties dialog box contains two tabs: Table and Cells.
  3. Click the Table tab to edit these properties:
  4. To apply additional attributes or JavaScript events, click Advanced Edit to display the Advanced Property Editor.
  5. Click Apply to preview your changes without closing the dialog box, or click OK to confirm them.

To view, change, or add properties for one or more cells:

  1. Select the row, column, or cell, then open the Table menu and choose Table Properties. The Table Properties dialog box appears.
  2. Click the Cells tab to edit the following properties:
  3. Click Apply to preview your changes without closing the dialog box, or click OK to confirm them.

Tip: To change the text color or background color of one or more selected cells or the entire table, select the cells or click anywhere in the table and then click the text color or background color icon in the Format toolbar.

Tip: To change the color of cells to the color last used, select the cell, then press Shift and click on the background color picker. This is useful when you want to use one color for individual cells.

[ Return to beginning of section ]

Adding and Deleting Rows, Columns, and Cells

KompoZer allows you to quickly add or delete one or more cells, columns, or rows in a table. In addition, you can set options that allow you to maintain the original rectangular structure or layout of the table while you perform editing tasks.

To add a cell, row, or column to your table:

  1. Click inside the table where you want to add a cell (or cells).
  2. Open the Table menu and then choose Insert.
  3. Choose one of the cell groupings. (You can also insert a new table within a table cell.)

To delete a cell, row, or column:

  1. Click a row, column, or cell to place the insertion point. Or, select neighboring cells to delete more than one row at a time. To select neighboring cells, drag over the cells you want to select. To select individual cells in a table, hold down the Ctrl key (Windows, Linux or Unix) or the Command key (Mac OS) and click on the cells you want to select.
  2. Open the Table menu and choose Delete.
  3. Choose the item you want to delete.

To join (or merge) a cell with the cell on its right:

To join (or merge) adjacent cells:

To split a joined cell back into two or more cells:

Refer to Selecting Table Elements for information on how to select non-adjacent cells, rows, and columns.

Changing the Default Table Editing Behavior

By default, when you delete one or more cells, KompoZer preserves the table's structure by adding cells at the end of a row, wherever needed. This allows you to delete one or more cells but still maintain the table's original rectangular layout, or structure. Otherwise, deleting cells can result in a table with empty spaces, or whose outline appears irregular due to an uneven number of cells.

To change the default table editing behavior, begin from the KompoZer window:

  1. Open the Edit menu (Mozilla menu on Mac OS X), choose Preferences, and then choose KompoZer.
  2. Under Table Editing, set the following preference:
  3. Click OK.

See also Setting General KompoZer Preferences.

[ Return to beginning of section ]

Selecting Table Elements

You can use one of two ways to quickly select a table, cell, or group of cells:

[ Return to beginning of section ]

Moving, Copying, and Deleting Tables

To move a table:

  1. Click inside the table.
  2. Open the Table menu, choose Select, and then choose Table.

Converting Text into a Table

To convert text into a table:

  1. Select the text that you want to convert into a table. Keep in mind that KompoZer creates a new table row for each paragraph in the selection.
  2. Open the Table menu and choose Create Table from Selection. You see the Convert to Table dialog box.
  3. Choose the character KompoZer uses to separate the selection into columns, or specify a different character to use. If you choose Space as the separator for columns, choose whether or not you want KompoZer to ignore multiple space and treat them as one space.
  4. Leave "Delete separator character" checked to have KompoZer remove the separator character when it converts the text into a table. If you don't want KompoZer to delete the separator character, uncheck this option.
  5. Click OK.

Note: Text formatting is removed when the selected text is converted to a table.

[ Return to beginning of section ]

[Home] [Next] [Previous]

TeliuTe, 07 July 2009

Copyright © 2004-2009 Contributors to the Nvu, KompoZer Help Documentation Project.