Hello and welcome to our community! Is this your first visit?
Register
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
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Flyout Menus

    Hi!

    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!
    Susie

  • #2
    Regular Coder
    Join Date
    Feb 2007
    Location
    near Washington, DC
    Posts
    135
    Thanks
    0
    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
    •