Use rulers and a grid for guidance

In Microsoft Expression Web, you can use rulers and a grid to guide your page layout in Design view. Rulers appear across the top and down the left side of the editing window. The grid appears behind your page content. If you choose to snap to grid, when you place content on the page, it will automatically align with gridlines. You can configure the spacing and style of the grid.

Rulers and grid in the editing window

Cc295230.57627c98-324d-4286-8dd0-780fc3d37c11(en-us,Expression.40).png

Cc295230.edef891a-6b74-4192-8f7f-5079614b9112(en-us,Expression.40).png

You can display rulers at the top and side of the editing window.

You can set the following Ruler and grid units:

  • Pixels

  • Inches

  • Centimeters

  • Points

Cc295230.957413f8-28e0-4dc7-a144-0598679350b9(en-us,Expression.40).png

You can use a Display Grid in the editing windows to help position objects. The grid uses the same units as the ruler.

Cc295230.13f14333-cc5f-457a-863b-ccd449500941(en-us,Expression.40).png

You can adjust the Spacing of the grid, as well as the grid Line Style and Line Color. You can also set a Snapping Grid Spacing value, to which objects will automatically align.

To show or hide rulers or the grid

  • On the View menu, point to Ruler and Grid, and then do the following:

    • To show or hide rulers, click Show Ruler.

    • To show or hide the grid, click Show Grid.

To snap to the grid

  • On the View menu, point to Ruler and Grid, and then click Snap to Grid.

To change ruler and grid settings

  1. Do one of the following:

    • On the View menu, point to Ruler and Grid, and then click Configure.

    • On the Tools menu, click Page Editor Options. In the Page Editor Options dialog box, click the Ruler and Grid tab.

  2. In the Page Editor Options dialog box, on the Ruler and Grid tab, do the following:

    Use this To do this

    Ruler and grid units

    Select the type of units for the ruler and grids.

    Display Grid Spacing

    Select the number of units between gridlines.

    Line style

    Select the type of line for your grid.

    Line color

    Select your grid color.

    Snapping Grid Spacing

    Select the number of units between gridlines for the snapping grid.

See also

Concepts

The editing window
Visual aids

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.