The Tutorial - Positioning the menus
Introduction

This tutorial will provide you with detailed information on how to control the position of the menus on your HTML documents under different scenarios.

Positioning the menus

DHTML Menu Builder supports two different positioning methods:

  • Free Flow: While in this mode the menus will be part of your HTML structure and will allow you place the menus anywhere on your page just as you do with images, tables, text , etc...
  • Floating: In this mode the menus will be floating elements, which means, that they will not take any space in the HTML structure of your documents and will float above everything on your page. Although this provides great versatility to the menus it makes it a little bit hard to control their position.
    Fortunately, DHTML Menu Builder provides a highly configurable interface and will let you have total control over the way your menus are positioned and aligned on your HTML documents.

Understating the Positioning dialog

The position of the menus is controlled through the Positioning tab of the Toolbars Editor dialog. Click Tools->Toolbars Editor->Positioning to access it.

A complete description of each one of the options in this dialog is provided here. In this tutorial we're not going to describe them, instead, we're going to present a series of scenarios and we're going to figure out the best way to use those controls to position our menus.

Here's a list of different scenarios that we're going to examine in this tutorial:

Free Flow mode:

Floating mode:

More information about the menus positioning can be found on our web site at the following resources: