Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: Flyout Menus

  1. #1
    New to the CF scene
    Join Date
    Mar 2007
    Thanked 0 Times in 0 Posts

    Flyout Menus


    I'm very new to HTML and CSS . 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!

  • #2
    Regular Coder
    Join Date
    Feb 2007
    near Washington, DC
    Thanked 0 Times in 0 Posts
    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 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.
    — Wilford Nusser
    Validate Your Code: (X)HTML CSS
    An HTML Email is NOT a Web Page: HTML Email Guide (1.2Mb pdf) Webmail CSS Support
    REGEX: Brought to you by Psychotic Crack-Smoking Monkeys


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts