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 3 of 3
  1. #1
    New Coder
    Join Date
    Jan 2010
    Posts
    16
    Thanks
    4
    Thanked 1 Time in 1 Post

    Mega Menu - mouse movement

    I had asked this question in a previous post but I think it was buried too deep with my other questions so I'm thinking it might be best to start a new thread...

    I have created a menu here:

    http://www.ladyluxeinvitations.com/burl/index2.html

    I was wondering if there is a way to add a delay on the hover using CSS to ensure that the menu doesn't disappear when the user moves the mouse diagonally from the menu item to one of the subitems. For example, if they are hovering over Enjoying Burlington and want to go to Fast Facts...currently they need to move the mouse down in to the panel and the move to the right...as opposed to moving straight to Fast Facts on a diagonal line.

    Side note: I am still having issues with the menu in Firefox...it used to appear fine but then I made adjustments for IE6 and it messed up everything in Firefox...my last post talks about these issues...any help would be appreciated!!

    Thanks so much!

  • #2
    New Coder
    Join Date
    Feb 2008
    Posts
    64
    Thanks
    3
    Thanked 6 Times in 6 Posts
    Hi,

    Displays OK in my firefox 3.5.9 - I cannot recreate the problem!

    Which version of FF were you testing on?

    Read up on Creating Delayed Drop Down Menus to see how to add a jquery delay.

    Hope that helps

    Edit:

    oops - forgot to mention ..... Whilst hacking you site to display in IE (all versions) use conditional comments to feed IE with version specific CSS fix files.

    for IE6

    Code:
    <!--[if lte IE 6]>< <style type="text/css">@import "css/ie6_fixes.css";</style><![endif]-->
    Here is a list of conditional comments for different IE versions
    Last edited by dome90uk; 05-26-2010 at 10:07 AM. Reason: more info

  • #3
    New Coder
    Join Date
    Jan 2010
    Posts
    16
    Thanks
    4
    Thanked 1 Time in 1 Post
    I am using Firefox 3.6.3.

    Doesn't it look like this for you in Firefox:



    I am feeling so overwhelmed at this point! Being new to jquery and CSS I'm slowing hacking my way through this website...my brain hurts!!

    So, do I need to rename all of my menu divs to incorporate the hoverIntent?

    Thanks again...


  •  

    Posting Permissions

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