| Scenario: A vertical menu must be placed
inside a cell where its left position can vary depending on the
browser's window size (Floating Mode)
Notice
how in the sample below the toolbar is now properly positioned,
much closer to the top border of the dark blue cell.
This was achieved by applying a negative vertical offset to the
toolbar. The offset used is -14 pixels, which means, that the
toolbar now appears 14 pixels above its original position.
Although this is a very easy method for positioning the menus
we recommend that you avoid its use whenever possible. Here're
some important issues that you must know when this method is
used:
- When using a reference image the menus will remain hidden
until the whole page has finished loading. When using any of
the other positioning/alignment settings, the menus will be
among the first things displayed on a page while its loading.
When using this method, the menus must wait for the whole page
to finish loading before the menus can be displayed.
- Under Mozilla-based browsers the toolbar will not
re-adjust its position as smoothly as it wil do it under
Internet Explorer or when using some of the other positioning
methods.
- Working with a hidden image can be tricky. Sometimes it
might look as if the menus were not being positioned correctly
when, in fact, it could be the image that it is not placed
where you expected it to be. When this happens, try to
temporarily change the transparent GIF image for an image that
you can easily see and work with.
This concludes this tutorial.
Click here to return the
"Positioning the menus" tutorial index. |