Click here for a free WYSIWYG pixel precision HTML editor.
For the best in D HTML editors
Join the IMS Web Tips weekly newsletter
Email: Name:

Please recommend us to a friend.

Drop Menus

These are the instructions for creating a drop menu. I have also
posted theme at is4fig3 with an example. When I get a chance
I shall also set up a Tutorial in the Support section of the Virtual
Mechanics web site.

Drop Menus are a feature of IMS Web Engine. IMS Web Spinner
can produce a Mouse Over Effect which is close but not exactly the
same. In either program, create a text Object with your links:

<a href="issue1.htm"a>issue1</a>
<a href="issue2.htm"a>issue2</a>
<a href="issue3.htm"a>issue3</a>

The leading <br> is included to force a blank line at the top of the
list. This first line will be hidden under the Menu Bar. This Object
has also been defined in Rich Text Format. If HTML format is used
a <br> must also be included at the end of each link.

You can assign a background color to this list with the Shading
Dialog. Select the Link List Object. Select the Shading Dialog (red,
green and blue circles), use the sliders to mix a color or select a
color or background picture with the appropriate button. An outline
can be assigned with the Geometry Editor (Peeling Pattern button).
Use the sliders to assign an outline color and thickness.

Create a Trigger Object. This goes on the Menu Bar and will trigger
the drop menu when the mouse moves over it. It can also be a text
object with or without shading or a Picture.

You may wish to give both Objects an easy to remember name.
Right click the trigger Object to display the Object Editor. The
current name of the Object (Obj1 is the default first Object name)
and will already be highlighted in the Object Name Box. Type your
new name with no more than 9 characters. Something like "Trigger"
for example. Exit the editor and right click the list Object. Change
the list Object name to "List" for example.

In IMS Web Engine, select the 'Mouse Trigger Effect' from the
Wizard Menu. On page one, select the "Trigger" Object from the
'Existing' drop menu. On Page two select "List" Object from the
'Existing' drop menu. IMPORTANT, on page three be sure to check
the 'Leave Display Object' check box.

Create a Menu Bar Object. In this example we Imported a small
10x10 blue rectangle then stretched it to create a horizontal menu
bar. Position the "Trigger Object" over the blue Menu Bar and the
"List" Object underneath with the top under the Trigger Object. If
necessary, use the Arrange 'ToFront' command to move the
"Trigger" Object in front of the Menu Bar and the 'ToBack' Arrange
command to move the "List" Object behind the Menu Bar.

Preview the Drop Menu with the DHTML 4.0 Preview command.

IMS Web Spinner can be used to create a similar Drop Menu in the
same way with the Mouse Over Wizard. The primary difference is
the List menu will appear whenever the mouse moves over it and not
over the "Trigger" Object.

"IMS Web Tips" ISSN 1488-7088
© Copyright 2001 Virtual Mechanics

"IMS Web Tips" is a weekly news letter for all web site managers regardless of experience who are looking for detailed information on creating, maintaining and promoting their web sites.

To subscribe send an email to or visit for subscription information and a list of past articles.


If you like the contents of this newsletter, please recommend it to a friend. Not only will you help us to continue to provide you with useful and informative articles, you could also win $10,000. Click here for details.
Home Page | Archive by Date | Archive by Topic | Virtual Mechanics