Creating pages in a free layout table

Show Me

You can use free layout tables and cells so that you can lay out your Web page in a more visual way. For example, you can control the exact placement of an image on the page when it is placed in a cell of a free layout table.

Follow these steps to use a free layout table on a page:

  1. Create a Web page using the New Web Page wizard; when you complete the wizard, the new page will automatically open in Page Designer. Click on the Design or Split tab.

  2. From the main menu, click

    Insert | Free Layout Table and click on the page where you want the table to be inserted. The table is created on the page.

    Tip: You can also drag and drop a free layout table from the

    HTML Tags drawer of the palette.

  3. To make changes to the table:

    • Drag the edges of the table to increase its size.

    • To change other attributes for the table (such as size in pixels, background color, and cell padding), select the table, right-click and choose

      Properties. The Properties view appears.

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

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

  5. To make changes to the cell:

    • Drag the edges of the cell to change its position.

    • Drag the resize tracker of the edges of the cell to change its size.

    • Select the cell, and modify its attributes in the

      Properties view.

  6. Drag the components you from the Palette view to the appropriate cells within the table. If you drag a component and drop it outside of a text cell, a text cell is inserted automatically to hold the component.

    • You can drag a component to the inside of another text cell, for example, you can drag a bulleted list from the HTML Tags drawer of the Palette view and drop in to a cell and then drag an image and drop it to another cell.

    • You can also drag a component to outside of a text cell, or a free layout table. With that, a text cell is inserted automatically to hold the component.

    Note: You cannot drag the following components to a free layout table:

    Row,

    Column,

    Layout box. Layout boxes can be inserted in a page, but they are not included in the free layout table.

  7. If you want to treat the free layout table as a standard HTML table, select

    Table

    Change table type,

    Standard table from the main menu.

As you design your page in a free layout table, you can preview the page at any time by choosing

Page | Preview.

 

Related concepts

Editing pages with free layout tables

 

Related tasks

Creating Web pages

Designing Web page layout

Creating and deleting a table in a Web page

Manipulating columns and rows in Web page tables