View Full Version : Flyout Menus

03-08-2007, 06:32 PM

I'm very new to HTML and CSS:confused: . I actually just started creating my first site with the help of dreamweaver. It looks alright, but I would like to create flyout menus. Does dreamweaver have a built in option to do this or what do I need to do?
Thanks a lot in advance!

03-08-2007, 06:45 PM
As far as I know, Dreamweaver has no such thing. There are a couple of options for flyouts. My preferred method is to use CSS flyouts. The main advantage is that the user does not need to have javascript enabled for the menus to work. (Except IE6 users, where a javascript hack is needed.) The biggest disadvantage is that they depend on the box model to display properly, so you have to have valid markup to keep browsers out of quirks mode and you have to hack IE6 and older because its box model is broken.

Take a look at this thread (http://www.codingforums.com/showthread.php?t=109256) for a sample implementation of CSS flyouts. Try to build yours based on this one, and if you still have problems, come back here and post what you've tried and I'll see if I can help.

The other way is to use javascript drop-downs. The only thing I like about them over the CSS variety is that it's easier to set up things like a delay before the submenu disappears, sliding and fading effects, etc. If you prefer this solution, do a search here and on google for "javascript fly out menu" and you should be able to find scripts of varying complexity and functionality. (Many of them are not free, though.)

Good luck.