DHTML Menu Builder version 4.0 implements a new control called "Attached To" that let's you attach a toolbar to an HTML object so that the toolbar follows this object.

Using this feature we can force the toolbar to auto-align to a table's cell.

There are several ways to do this. The one we're going to explain here has been designed to work under all the browsers and platforms supported by the menus generated by DHTML Menu Builder.

Because not all browsers support naming cells, we're going to use an image to serve as the reference point. So, we're going to use a small (1x1 pixels) 100% transparent GIF image and configure our toolbar to follow this image. Then, if we put this image inside a table's cell it will look as if the toolbar was inside the cell.

For your convenience we have included here the image that we're going to use on this example so you can use it on your own projects.

  1x1 pixels 100% Transparent GIF image

Now that you have the image you must place it inside the cell where you want the toolbar to appear.

Here comes the tricky part: you must now give this image a name.
On your HTML editor choose to view the source code of your page and locate the source HTML code for that image. It will probably look something like this:

Change it so it looks like this:

Highlighted in yellow is what you need to add. As you can see all we're doing is giving the image a name, a unique name: "MyRefImage". Of course, you can use any name; just make sure there's no other element using that same name.

The final step is to open your project in DHTML Menu Builder, click on Tools->Toolbars Editor->Positioning

From the Alignment options select "Attached To" and type the name of your image in the text box as shown on this screenshot.

The "Object Name" parameter is where you specify the name you have given to the image. Note that this is not the image's file name, but the name you specified in the step above. In this example we gave the image the "MyRefImage" name.

The "Alignment" parameter will let you control how you want the toolbar to align in relation to the image.

You can further tweak the final position of the toolbar by using the Offset parameters that appear at the bottom of the Position dialog. (Not shown on the image above).