The Tutorial - Positioning the menus
Scenario: A horizontal menu must be placed inside a horizontal cell (Floating mode)

Let's consider this page layout where we have an image (perhaps, the logo of our company), a cell and then another cell with the HTML content.

Try to increase this window's size as much as possible to ensue that the sample layout is fully displayed.

As you can see, this is a very common design for a simple web site and yet, placing the menus at the correct spot (inside the dark blue cell) can be quite tricky.

First of all we need to define the properties of our design. The two most important things to consider here are:

  1. The layout is centered in the page. This means that as the browser window is resized, the content will remain centered.
  2. The position of the dark blue cell is constant in respect to the top, which means that it will preserve that same distance to the top regardless of the browser size.

Click the continue button below to look at how a simple menu would look like if it was implemented in the above design without changing any of the default positioning settings.
You must keep in mind that every new toolbar that you create in DHTML Menu Builder will be placed, by default, horizontally centered and at the top.
 


Continue »