Table

8. Table

This chapter explains how to create a table in Namo WebEditor. It also explains how to set the properties for a table and for each cell in a table. By modifying such properties, you can display a table in various styles and layouts.

(1) New Table

[Table - New Table]

Use this command to create a table. You can create a table of any size by specifying the row and column numbers.

When you select the [Tools - New Table] menu, the [Table Properties] dialog box appears. In this box, you can set row and column numbers, the width and the height of a table, and other properties.

To create a table:

In the "Rows and Columns" box, enter the the number of rows and the number of columns.
Click [OK].

Rows and Columns

Specify the number of rows in the "Rows:" field and the number of columns in the "Columns:" field.

Size

Specify width:
Specify the width of the table, either in a percentage relative to the entire window or in pixels. When a percentage is used, the table proportion changes according to the window size; when pixels are used, the table size remains fixed.

Specify height:
Specify the height of the table in pixels.

Layout

Alignment:
Select the horizontal alignment of the table ("Left," "Right," or "Center"). It is not possible to define the alignment of a table using the "Alignment" icon in the ribbon bar.

Caption:
Select the location of the caption (the title or comment for the table). Possible choices are "Top" or "Bottom."

Note that the contents of the caption cannot be entered or edited here. To enter the contents of the caption, first choose the [View - HTML Source] menu and enter what you want into the HTML source.

Border Thickness:
Sets the thickness of the table border in pixels. When set to zero, the border is not displayed or, if the [View - Format Mark - Format Mark] option is on, it is shown as a dashed line. In the figure below, the three tables have border thicknesses of 1, 0, and 5.

Cell Padding:
Sets the padding space in pixels between the border around each cell and the contents. In the figure, the two tables have cell padding values of 0 and 10.

Cell Spacing:
Sets the space between a cell and neighboring cells in pixels. In the figure, the cell spacing is 2 and 10.

Background

Color:
Sets the background color of the table. You can use one of the 16 preset colors or select "Custom" color and use any of the colors available for your system.

Image:
To use an image as the background, specify the path of the image file. When this field is specified, the color setting in the "Color:" field is ignored.

[Tip] Use the [Create Table] icon in the toolbar to easily create a table of any size using your mouse. Mark the number of rows and the number of columns by dragging the mouse, and click the left mouse button. A table of corresponding size is created in the current cursor position. The detailed properties of the table can be modified using the [Table - Table Properties...] menu.

[Caution] Netscape Navigator 3.0 does not support background images for tables, although version 4.0 does.

(2) Insert Rows or Columns...

[Table - Insert Rows or Columns...]

Use this menu to insert rows or columns at the current cursor position in the table. When the menu is selected, the [Insert Rows or Columns] dialog box pops up.

To insert rows

Select "Insert Rows" option and enter the number of inserted rows in the "Number of Rows:" field. You can use the up- and down- arrows to specify the number of inserted rows.
Set the "Insert Position" option to determine on which side of the current cursor position new rows are inserted. You can select "Above Current Cell" or "Below Current Cell."
Click [OK].

To insert columns

Select the "Insert Columns" option and enter the number of inserted columns in the "Number of Columns:" field. You can use the up- and down- arrows to determine the number of added columns.
Set the "Insert Position" option to determine on which side of the current cursor position new columns are inserted. You can choose "Left of Current Cell" or "Right of Current Cell".
When finished, click [OK].

If you are not happy with the result, use the Edit - Undo command to undo the result.

(3) Delete Rows or Columns...

[Table - Delete Rows or Columns...]

Use this menu to delete rows and columns at the current cursor position. When the menu is selected, the [Delete Rows or Columns] dialog box appears.

To delete rows

Select the "Delete Rows" option.
Enter the number of deleted rows in the "Delete Number:" field. You can use the up- and down- arrows to specify the number of rows to delete.
Click [OK].

To delete columns

Select the "Delete Columns" option.
Enter the number of deleted columns in the "Delete Number:" field. You can use the up- and down- arrows to determine the number of columns to delete.
When finished, click [OK].
Use [Edit - Undo] to cancel the action.

(4) Split Cells...

[Table - Split Cells...]

Use this command to split a selected cell into several cells. When a cell is split into several rows, new cells are added below the current cell. When a cell is split into several columns, new cells are added to the right of the current cell.

[Edit - Undo] will restore the table to its previous state.

(5) Merge Cells

[Table - Merge Cells]

Use this command to merge the selected cells into a single cell. To merge two or more adjacent cells, first select the cells to merge. The merged cells should form a rectangle. When cells are merged, the contents of the cells are preserved, but the borders disappear.

Note that executing this command can result in a change in the table outline.
Use [Edit - Undo] to cancel the change.

(6) Select Cell

[Table - Select Cell]

Use this command to select the cell in which the cursor is located. You can use the mouse to select multiple adjacent cells, but you must use this option to choose only a single cell.

(7) Select Column

[Table - Select Column]

Use this command to select the entire column that includes the cell in which the cursor is currently located. You can also use the mouse to select an entire column or multiple cells within it.

(8) Select Row

[Table - Select Row]

Use this command to select the entire row that includes the cell in which the cursor is currently located. You can also use the mouse to select an entire row or multiple cells within it.

(9) Select Table

[Table - Select Table]

Use this command to select the current table. To delete or copy the entire table, you should first select the table.

(10) Cell Properties...

[Table - Cell Properties...]

Use this menu to view or modify the properties of the current cell.

When you select the [Table - Cell Properties] menu, the [Cell Properties] dialog box appears. In this dialog box, you can specify the alignment of the contents, the size and the style of the cell, and so on. Using the [Cell Properties...] menu, you can change the properties of one or more selected cells. You can use the [Table - Table Properties...] menu to change the properties of the entire table.

Alignment

Vertical
Sets the vertical alignment of the cell contents. You can select "Middle," "Top," "Bottom," or "Baseline."

Horizontal
Sets the horizontal alignment of the cell contents. You can select "Left," "Right," or "Center." The result of using either the [Table - Cell Properties... - Alignment - Horizontal] field or the [Format - Paragraph Style... - Text - Alignment] field is the same if the the cell contents consists of only one paragraph. On the other hand, if the cell has more than one paragraph, using the [Table - Cell Properties] menu affects all the paragraphs, whereas using the [Format - Paragraph Style...] menu affects only the current paragraph.

Size

Specify Width
Sets the width of the current cell. The width of the cell can be specified in two ways: Using a percentage relative to the table size or using pixels. When using pixels, the specified cell width should be smaller than or equal to the table width. If the cells in a column do not have the same width, the largest width value is used for the column. If you need to reduce the cell width of a column, select the column using the [Table - Select Column] command and specify the width you want.

Specify Height
Sets the height of the current cell. Unlike the width, the height can be specified only by using pixels. If the cells within a row does not have the same height, the largest height value is used for the entire row. If you wish to reduce the height of a row, select the row using the [Table - Select Row] command and specify the height you want.

Background

Color
Select the color of the current cell. Namo WebEditor provides 16 primary colors and one custom color. You can select the custom color from among the colors supported by your system. If the background color and cell color differ, the cell color becomes the default.

Image
To use an image as the background, fill in the path of the image file. This background image overrides all other background specifications for the current cell, such as the cell color and the table background image.

[Caution] Netscape Navigator 3.0 does not support cell background images.

Style

Header Cell
If this option is set on, the font style changes to boldface and the alignment to centered.

No Wrap
If this option is on, the automatic wrapping of text in the current cell is disabled. That is, line breaks do not occur even when the contents go beyond the boundary of the cell. The default setting is off. (Some Web browsers may ignore the "nowrap" tag in HTML, so you should check out the display using the [View - Preview in Netscape] or [View - Preview in Internet Explorer].)

(11) Table Properties...

[Table - Table Properties...]

Use this menu to change the properties of the current table. When the menu is selected, the [Table Properties] dialog box appears. For details about the fields and options in the dialog box, refer to section 8-(1).

Contents Previous Chapter TOP Next Chapter