Page 343 - Xara Web Designer Premium

Website Backgrounds 343

Offsetting the top of your page

Normally if you just set the page and pasteboard to different colors, when you preview
you’ll see that the page extends right to the top of the browser window. You can’t see
any of the pasteboard color above your page. However you can add an offset so that
there is some space above your page in the web browser.

To add an offset, you change the page origin. Normally the page origin is set to be the
top left corner of your page. By moving the origin up 20 pixels, for example, you add a 20
pixel margin to the top of your page when it’s viewed in a web browser.

You can change the origin in two ways. The easiest way is to open the "UTILITIES" >
"OPTIONS" dialog (or right click a page and choose PAGE OPTIONS), go to the GRID &
RULER tab and increase the value of the Y coordinate of the origin point. This is normally
set to the vertical size of your page, so just increase it by the margin size you would like.
So for example if your page is 700 pixels tall, change the Y value of the origin coordinate
from 700 to 720, in order to add a 20 pixel offset.

Alternatively you can set the origin point interactively. Turn rulers on by right clicking and
choosing "SHOW GRID/GUIDES" > "SHOW RULERS" or by choosing SHOW RULERS from the
WINDOW menu ("Ctrl + L"). Then click and drag on the crosshairs button, which is located
where the horizontal and vertical rulers join, at the top left of the canvas. Now you are
dragging around the origin position, so position it the appropriate distance vertically
above the top left corner of your page.
Changing the horizontal position of the origin has no effect on the horizontal positioning
of your page, so this should be left unchanged.