Dropmenu the small, easy to implement script for creating DropMenu menus

Overview Menu DropMenu Overview F-A-Q Script Goals Known Issues Browser Check

Instructions Menu Step 1 - The Script Step 2 - The Variables Step 3 - Menu Header Step 4 - The Menus Step 5 - Style Sheet

Download Menu Download Dropmenu DropMenu PageMaker

Contact Menu Contact Privacy Statement

Partner Sites Menu WebDevTips andys onestop

Step 5 - Style Sheet

Ahh the artistic bit :) The style sheet is the glue that binds is all together.

Each menu must have a style element applied to it. For example.

#menu {
background-color : #ffffff;
color:white;
position : absolute;
top : 160px;
left : 10px;
visibility : hidden;
width : 150px;
}

One of these for every menu.

The following style element is required.

#navbar {position : relative;}

I hope you weren't expecting a full stylesheet :) How you style your links and your menus is entirely up to you.

I have went through all the basics to get you started and you now know all the required bits to make it work. There isn't actually that much involved and once you've messed about with it for a bit you'll see what I mean.

So download the scripts now and get creative. Don't forget to send me the url if you use the script so I can check out what you have done with it.

previous - next