Creating a layout box and layout cells

To create a layout box for an entire page
  1. Create a new document (press Ctrl+N).
  2. On the Insert menu, go to the Table group, click the triangle under Layout Box, and then click Draw Layout Box.
  3. Click near the top left corner of the document and drag downward and to the right until the dotted rectangle is approximately the size you want for your page layout.
  4. Delete the empty paragraphs above and below the new layout box.
  5. If you want to adjust the size of the layout box, double-click it and enter new values in the Width and Height boxes.

Namo Web Editor icon note Creating a layout box and layout cellsNote that even if there are no other elements above or to the left of a layout box, there will still be a small margin between the layout box and the top and left sides of the browser window. To remove this margin, define a style sheet rule for the <body> element with the declaration: “margin: 0“.

Although in most cases you will probably want to use a layout box to contain all the content on a page, it is also possible to use a layout box for just part of a page. Any number of layout boxes can coexist in the same document. (However, a layout box cannot contain another layout box.)

To create a layout box for part of a page
  1. Place the insertion point in the line below which you want the layout box to appear.
  2. On the Insert menu, go to the Table group, click the triangle under Layout Box, and then click New Layout Box.
  3. Enter the desired dimensions in Width and Height.
  4. If you want content following the layout box to flow around it, click Alignment and select Left (Floating) or Right (Floating).
  5. Click OK.
To create layout cells
  1. On the Insert menu, go to the Table group, click the triangle under Layout Box, and then click Draw Layout Cell.
  2. For each layout cell you want to create, draw a box inside the desired layout box.
  3. When finished, press Esc to exit drawing mode.

Layout cells cannot overlap. While drawing a layout cell, if you move the pointer into another layout cell, the pointer will change to Namo Web Editor pointer layoutcell nodrop small Creating a layout box and layout cells, indicating that the layout cell cannot grow further.

Creating a layout box and layout cells