Layout tables overview
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 task pane 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
.gif "Cc295191.227fe0fd-0e27-4d87-abe8-77befb5bb696(en-us,Expression.10).gif")
To add a layout table
In the Layout Tables and Cells task pane, 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 the Draw Layout Table button
.gif "Cc295191.65e1a9a9-0747-4874-8b3d-566748049567(en-us,Expression.10).gif")
, and then use your pointer to draw the table on the page.
To add a cell to a layout table
In the Layout Tables and Cells task pane, click the Draw Layout Cell button
.gif "Cc295191.2218735b-4f3b-498f-b7a4-03a1324e80fa(en-us,Expression.10).gif")
.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 task pane, click the Show Layout Tool button
.gif "Cc295191.13557dd5-36fc-49c0-aa0e-c2268d1c8267(en-us,Expression.10).gif")
to activate the layout table, and then press DELETE.