| Scenario: A vertical menu must be placed
inside a vertical cell (Floating mode) Let's consider this page layout
where we have an image (perhaps, the logo of our company), two
cells underneath where the leftmost one will contain our menus
and the other our HTML contents.
| 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 aligned to the left of the page (although
the contents frame is of a variable width). This means that
regardless of the
browser window is size the dark blue cell will remain in the
exact same position.
- The position of the dark blue cell is constant in respect
to the top and the left borders of the browser window.
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 » |