Dreamweaver

Use the layout grid

The grid displays a system of horizontal and vertical lines in the Document window. It is useful for placing objects precisely. You can make absolutely-positioned page elements automatically snap to the grid as you move them, and change the grid or control the snapping behavior by specifying grid settings. Snapping works whether or not the grid is visible.

Show or hide the grid

 Select View > Grid > Show Grid.

Enable or disable snapping

 Select View > Grid > Snap to Grid.

Change grid settings

  1. Select View > Grid > Grid Settings.
  2. Set the options and click OK to apply the changes.
    Color
    Specifies the color of the grid lines. Click the color swatch and select a color from the color picker, or type a hexadecimal number in the text box.

    Show Grid
    Makes the grid visible in Design view.

    Snap to Grid
    Makes page elements snap to the lines of the grid.

    Spacing
    Controls how far apart the grid lines are. Enter a number and select Pixels, Inches, or Centimeters from the menu.

    Display
    Specifies whether the grid lines appear as lines or dots.

    Note: If Show Grid is not selected, the grid does not appear in the document and no changes are visible.