Laying out a form with tables

Tables are an easy way to lay out Web pages and are especially effective when adding input fields for a form.

To create an HTML table within a form area and use it for layout, complete the following steps

  1. Move the cursor into the form area.

  2. Select

    Table | Insert Table

  3. Type the number of rows and columns in the table, based on your anticipated form design.

  4. Click OK.

  5. Hide the table frame by changing the value in the Border field to zero in the properties view.

  6. Insert text and images, or add another table to complete the form layout, and then add input fields.

To create a free layout table within a form area and use it for layout:

  1. Move the cursor into the form area.

  2. Drag and drop a free layout table to your form from the

    HTML Tags drawer of the palette.

  3. To add text to the table, drag and drop a

    Text Cell from the palette. Type text inside the cell.

  4. Add form and input fields by dragging and dropping them from the Form Tags drawer of the palette.

 

Related tasks

Creating and deleting a table in a Web page

Manipulating columns and rows in Web page tables

Editing table properties

Adding forms to Web pages