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
  1. #1
    Regular Coder
    Join Date
    May 2006
    Posts
    152
    Thanks
    5
    Thanked 0 Times in 0 Posts

    jQuery Events Problem

    Hi there,

    I've been having some problems with a JS (jQuery) and CSS tabbed based menu system with submenus. The menus have not been working correctly in FF, but they work fine in IE. When a tab with a submenu linked to it is hovered over it, the submenu is supposed to display. However, the mouseover event that I have added via jQuery is only fired when a certain part of the tab (right above the text) is hovered over. This problem only occurs when a submenu is not displayed; if there isn't one visible you can hover anywhere over the tab and it works fine.

    The website is http://northvillebasketball.com

    I have not posted the code here because I'm not sure if this is an HTML, CSS or JS error. Every file can be found within the page source of the link I provided. The JS is located in nav.js, and the CSS is located within style.css

  • #2
    Regular Coder PremiumBlend's Avatar
    Join Date
    Apr 2006
    Location
    Marion, Iowa
    Posts
    201
    Thanks
    0
    Thanked 13 Times in 13 Posts
    For each of your "submenus" you might have to add a class and specify a width. I did it like this:

    Code:
    .submenu {
    	width: 160px;
    }
    My Website: DumpsterDoggy


  •  

    Posting Permissions

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