SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Need help with Mega Drop Down Menu

    Hi there,

    I created a menu using the script http://javascriptkit.com/script/scri...megamenu.shtml. My mega menu can be seen here http://www.cha.nshealth.ca/lay1/menu.cfm

    When I hover the mouse over Committees the mega drop down aligns on the left with the blue box. But when I hover my mouse on Forms, the menu flying out of the blur box. Is there any way I can make sure the mega drop down doesn’t go outside the right of the blue box.

    Thanks in advance.

    Joe Green

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,624
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Due to the fact you used a crappy Javascript script to do the hovering (really really bad btw, you should only be using JS in this case to make it have the fade in/out. You could do the dropdown with CSS and make this issue a lot easier)

    Due to the way you had to structure your HTML, it's extremely awkward. You could wrap everything in a wrapper, give that the width/height properties of the div that holds the dropdown, and overflow:hidden; that to cut it off, however you run into the risk of cutting off content in the dropdown once text gets resized.

    To start, I'd scrap that dropdown version to be completely honest, and rewrite a standard dropdown that uses CSS (Js can be added to make the dropdown fade in/out) .
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do you know of any good script of mega menu?

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,624
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Glad I could still remember this website.

    http://www.visibilityinherit.com/cod...-drop-down.php
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


Bookmarks

Posting Permissions

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