Positioning the menu correctly is simple when you follow the basic principles outlined in these instructions.
You can either:
1) Position the menu in a static position, i.e. it is in a fixed position relative to the contents of the page. Scrolling or resizing a browser window may make the menu move off the page – just as normal HTML element will.
The pink menu below is positioned statically.
OR
2) Use the MenuMachine Relative menu positioning options which are found on the Options tab of the MenuMachine inspector. Relative positioning means that the menu will change position when the browser window is resized so it remains in a position relative to the browser window – not relative to the html page. The green menu at left uses the Scroll to maintain vertical position option selected. Scroll this page to make it move.
Static menu positioning is discussed on the next page.
Relative menu positioning is discussed here.
Important - Use Page Margins
Some browsers need page margins specified so they can display the position of elements accurately. Set your page margins to 0px (zero) pixel values for best results. Some browsers (Internet Explorer for example) will not handle anything BUT 0px margins correctly. Also, the page margins must be set in the page, not just in a CSS.
There are a couple of ways to do set the margins to zero:
1. Choose Special > Page Properties or click on the Page Properties icon (looks like a page with text on it) at the top of the page's window (Left side GL6, Right side GLCS) to open the Page Inspector.
2. In the Page Inspector, click the Page tab and enter values in pixels in the Margin Width and Margin Height text boxes.
OR
To set the page margin offset to zero:
Right-click (Windows) or Control-click (Mac OS) in the page and choose Document > Set Page Margins To Zero from the context menu.
|
