How to create a cross-browser drop-down menu with Dreamweaver in minutes
This is going to be short and the main purpose is to let you know Dreamweaver CS4 has a built-in functionality letting you create a good CSS-based drop-down menu in minutes. I’m not sure at what version Dreamweaver started to have this built-in drop-down generator. Perhaps it was from CS3.
The dropdown is CSS/text-based, very easy to customize and maintain and works well with different browsers even when you have a big Flash or image banner right underneath.
If you want to create a drop-down menu from a pull-down list, check out this post: Create a Pull-Down List/Drop-Down Menu
Use the Insert menu
Changing the drop-down properties
Briefly from the image above from the left to the right, you can specify:
- The properties of your first level: number of items, name and url of each item. You can easily add or delete any item by using the plus + or minus - sign. Initially and by default Dreamweaver automatically names individual items as Item 1, Item 2…, and you can easily change these name in the Properties Panel
- The properties of your second level: The same as above
If you’re familiar with CSS, you can easily edit the CSS file such as changing the menu background colors, mouseover colors, text colors, menu width and so on.
Again, hope this helps! Feel free to post your question/comment.