Text and image objects can be freely positioned on a page, simply by dragging them to their desired location. Objects may even overlap.
To assist the web designer with the proper alignment of objects, StudioLine offers margins, rulers and guidelines.
Margins are a visual aid to judge the appearance of a page in common screen sizes.
Click the right mouse cursor over an empty area of the workspace to open the Page Context menu.
Choose Margins.
By looking at the margins, you will be able to see how your page will fit into a particular screen size. For details regarding margin options see the online help or the reference chapter on “Margins ”.
Rulers display a pixel counter across the top and left of the StudioLine workspace. Guidelines can be pulled on the workspace to assist with positioning objects in perfect columns or rows.
To display rulers, click the Ruler button on the tool bar.
To create guidelines, drag from either ruler to the desired location of the page.
To remove guidelines, drag them back to the ruler.
Choose Guides from the Page Context menu to review advanced options, including the ability to save or reuse a set of guidelines. See online help or the reference chapter “Guides ” for details.
To learn the exact position of a guideline, or the distance between guidelines, move the cursor over it. A set of up to three numbers will appear:
|
The absolute position of the guideline. |
|
The distance to the next guideline in the direction of the arrow. |
Position indicators are valuable, if accurate spacing between guidelines is essential.
The toolbar offers a tool that assists in perfect alignment or even spacing of multiple objects.
Select two or more objects.
The Align Objects tool will become available on the toolbar.
Press the button to see a list of alignment options. If three or more objects were selected you will also be able to choose from spacing options.
An intricate page may have several objects in very close proximity. Some may even overlap one another. It is foreseeable, that sooner or later objects could be moved accidentally. This can be prevented by locking objects in place:
Select any number of objects.
Use the right mouse button to display the Object Context menu.
Choose Lock Position.
To unlock objects, access their context menu and choose Unlock Position.