Using Rulers, Guides and the Grid

Using Rulers, Guides and the Grid

While working on a web page it can be helpful to enable guide borders, rulers and/or the grid. To change the guide settings select
View->Guide Settings from the menu.

90 Second Website Builder provides a grid to help you align your web page objects. The grid spacing can be set at any size. The grid also has a Snap To feature that you can use to align objects automatically when you place them close to the lines.


Guide borders can be useful to make sure all objects on the page stay between specified dimensions.


For example: If you design your web page for 1200 pixels wide, set the Guide borders to the same values so it’s easy to keep your content centered in the page layout.


Rulers help you arrange elements symmetrically. To display the rulers, choose View->Rulers from the menu.


It’s also possible to add Ruler Guides to the page to easily align objects. Go to: Menu->View->Ruler Guides.


You can also drag & drop ruler guides directly from the Ruler bar by clicking  on the ruler bar then, dragging the mouse to the desired position and releasing it.  You can always move the ruler to a new position later.



To remove the ruler guide, right-click the guide and select Delete guide from the
context menu… or simply drag it back to the ruler (outside of the canvas workspace).

Center in browser
Most professional web sites are designed so they will look good on different screen sizes. Because 90 Second Website Builder uses absolute positioning for all elements, they can not be stretched over the full width and height of a page, since that would distort the contents of the page.

Here are a few tips for the designing your pages so they are displayed in the center of the browser and look good:

  • Set the Page properties to 1200 pixels  wide
  • Enable the Guide Borders and set them to the same size.
  • Make sure all page content stays between the guide borders
  • Enable Center to browser in Page Properties


Leave a Comment