SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Zealot 8Observer8's Avatar
    Join Date
    Jul 2013
    Location
    Russia
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Menu doesn't work. Why?

    Hi,

    Menu doesn't work. Why? http://jsfiddle.net/8Observer8/kqsZc/1/

    Thank you!

  2. #2
    SitePoint Zealot 8Observer8's Avatar
    Join Date
    Jul 2013
    Location
    Russia
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Now it is working better. I selected jQuery UI 1.9.2 and remove $(document).ready(function() {}

    But It works incorrectly. Please direct a mouse on the "My Picture" in the Menu: http://jsfiddle.net/8Observer8/kqsZc/2/

    In the second time it will be working correctly but in the first - none.

  3. #3
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,677
    Mentioned
    99 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by 8Observer8 View Post
    In the second time it will be working correctly but in the first - none.
    The problems seems to be occurring from this part of the CSS

    Code css:
    .ui-menu { 
        overflow: hidden;
        list-style: none;
        margin: 0px auto;
        display: table;
        z-index: 1000;
    }

    By removing just the margin setting things seem to work correctly, at least on Google Chrome.

    Code css:
    .ui-menu { 
        overflow: hidden;
        list-style: none;
        /* margin: 0px auto; */
        display: table;
        z-index: 1000;
    }

    If it's there to help out with some other web browser, the good people in the CSS forum may be able to assist further with such CSS issues.
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,097
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Another thing to try would to be to add this:

    Code:
    #menu > li {position: relative;}
    You may also need to remove this in red:

    Code:
    .ui-menu {
    overflow: hidden;
    list-style: none;
    margin: 0px auto;
    display: table;
    z-index: 1000;
    }
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  5. #5
    SitePoint Zealot 8Observer8's Avatar
    Join Date
    Jul 2013
    Location
    Russia
    Posts
    102
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


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
  •