| 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:
- The layout is centered in the page. This means that as the
browser window is resized, the content will remain centered.
- 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 » |