Inserting and Editing Tables

 

Using the HTML Editor, you can insert and edit tables. A table can be created by clicking the table creation button. The HTML editor then queries the table parameters such as the number of lines and columns by means of a dialog and inserts a table with these parameters into the editor window. The table parameters can still be altered later. They are explained below.

Using the table wizard you can determine the table size using the mouse.

You can now enter text into the table cells and insert links and images. Several functions are available via the context menu and its Table submenu, which can be opened via the second mouse button while the mouse pointer is over the table:

Menu Command Function
Insert row Inserts a row above or below the row in which the cursor is currently located.
Insert column Inserts a column left or right of the column in which the cursor is currently located.
Merge Merges the active cell and one of its neighbor cells.
Split Splits the active cell into several cells.
Delete row Deletes the row in which the cursor is currently located.
Delete column Deletes the column in which the cursor is currently located.
Delete table Deletes the entire table.
Cell properties Edit dimensions, alignment and color of the active cell and define whether it is a header cell.
Row properties Opens a dialog window in which the height, alignment, and color of the row can be set in which the cursor is currently located.
Column properties Opens a dialog window in which the width, alignment, and color of the column can be set in which the cursor is currently located.
Table properties Opens a dialog window in which the properties of the table can be set.

Inserting Rows and Columns

In order to insert a row or a column, click with the second mouse button inside a cell of the appropriate row or column and select the command Insert row or Insert column from the Table submenu in context menu. The corresponding dialog box window then opens:


Select the position of the new row or column, then click Insert row or Insert column.</p>

Changing Properties of Rows and Columns

If you would like to change the height of a row or the width of a column or the corresponding background color, click with the second mouse button in a table cell of the respective row or column. Select the command Row properties or Column properties from the Table submenu of the context menu which then opens. The editor then opens a corresponding dialog box:

Here, you can enter the height of the row or the width of the column in pixels or percent or set the alignment. The percentage values refer to the height and width of the browser windows. Additionally, you can determine the background color of the row or column in a color dialog box by clicking on the corresponding button. In order to accept your settings, click on OK.

Changing Cell Properties

For each cell of a table the width and height, vertical adjustment and the background color can be specified. Additionally, each cell can be tagged as a header cell which has the effect that the cell looks differently (mostly a bold font is used). To change these values, click into any cell using the second mouse button and select the Cell properties menu command from the Table submenu. The editor then displays the following dialog:

On the Advanced sheet many other cell attributes can be defined or modified by entering the new values directly into the property editor’s cell or selecting one of the preset values. Change the values as desired and finally click OK.

Editing Table Properties

The properties of a table are, among others, the width of the table, the width of the table and cell margins, and the distance of the cell contents to the cell borders. In order to change these values, click on any table cell using the second mouse button and select the menu command Table properties from the Table submenu. The editor then displays the following dialog box:

The table width can be entered in absolute values (pixels) or relative to the width of the browser window (percent). You can also determine the border line width, the cell padding and the cell spacing (all in pixels). On the Advanced sheet many other table attributes can be defined or modified by entering the new values directly into the property editor’s cell or selecting one of the preset values. Finally, click OK to accept the settings.