Working with layout tables

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


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 Cc295191.9d72e0a0-0848-4342-a34b-d41f56257777(en-us,Expression.30).png, and then use your pointer to draw the table on the page.

  1. In the Layout Tables and Cells panel, click Draw Layout Cell Cc295191.5d7bb1c0-0a04-4af6-842a-eaec3666f1b0(en-us,Expression.30).png.

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


    To draw two or more cells, one after the other, click Draw Layout Cell Cc295191.5d7bb1c0-0a04-4af6-842a-eaec3666f1b0(en-us,Expression.30).png, and press and hold CTRL while you drag the pointer.

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

  • In the Layout Tables and Cells panel, click Show Layout Tool Cc295191.b2f930a5-b612-462e-954a-e7e2249471a8(en-us,Expression.30).png to activate the layout table, and then press DELETE.

Community Additions