A layout table is a tool you can use to create a page design. In HTML, it appears the same as a table; however Microsoft Expression Web provides separate tools for editing tables and layout tables. You can use the predefined layout tables that are available in the Layout Tables and Cells panel to help you get a quick start on a web page. You can also create your own custom layout table by drawing tables and cells.

When you click the border of a layout table or cell to activate it, labels representing the column width and row height appear on each side. Each label includes a drop-down arrow that you can click to view a list of options for resizing a column or row.

A layout table in Design view

To add a layout table

In the Layout Tables and Cells panel, do one of the following:

  • To select a predefined layout table, under Table layout, select a layout table from the list of templates.

  • To draw a layout table, click Draw Layout Table , and then use your pointer to draw the table on the page.

To add a cell to a layout table

  1. In the Layout Tables and Cells panel, click Draw Layout Cell .

  2. Use your pointer to draw the cell on the page within the layout table.

    Tip:

    To draw two or more cells, one after the other, click Draw Layout Cell , and press and hold CTRL while you drag the pointer.

To delete a layout cell

  • Click the border of the layout cell and then press DELETE.

To delete a layout table

  • In the Layout Tables and Cells panel, click Show Layout Tool  to activate the layout table, and then press DELETE.

See also