SitePoint Sponsor

User Tag List

Results 1 to 9 of 9

Hybrid View

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

    A problem with a menu

    Hi,

    I have a problem with a menu. Please, move "Examples" -> "C++": http://jsfiddle.net/8Observer8/255Tp/1/

    Thank you.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    This isn't helping you:

    Code:
    .ui-menu ul li ul {
    left: 120px !important;
    width: 100%;
    }
    Remove it or reduce it to get what you want.
    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."

  3. #3
    SitePoint Zealot 8Observer8's Avatar
    Join Date
    Jul 2013
    Location
    Russia
    Posts
    104
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you! How to shift the pop-up menu down to the level of a selected item?

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Try removing float: none from here:

    Code:
    .ui-menu ul li {
    position: relative;
    display: block;
    float: none;
    }
    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
    104
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, it works! Thank you very much!

    http://jsfiddle.net/8Observer8/255Tp/2/

  6. #6
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    Cool, glad that helped.
    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."

  7. #7
    SitePoint Zealot 8Observer8's Avatar
    Join Date
    Jul 2013
    Location
    Russia
    Posts
    104
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Please, move to "Expamles" -> "Qt" And you will be able to see a bug http://jsfiddle.net/8Observer8/255Tp/2/

  8. #8
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    You have an error in your HTML. You have two ULs instead of one:

    Code:
    <li class="ui-menu-item" role="presentation">
                    <a href="#" aria-haspopup="true" id="ui-id-7" class="ui-corner-all ui-state-active" tabindex="-1" role="menuitem"><span class="ui-menu-icon ui-icon ui-icon-carat-1-e"></span>Qt</a>
                    <ul class="ui-menu ui-widget ui-widget-content ui-corner-all" role="menu" aria-expanded="true" style="display: table; top: 3px; left: 51px;">
                        <li class="ui-menu-item" role="presentation">
                            <a href="examples_qt.php" id="ui-id-11" class="ui-corner-all" tabindex="-1" role="menuitem">Примеры на Qt</a>
                        </li>
                    </ul>
                    <ul class="ui-menu ui-widget ui-widget-content ui-corner-all" role="menu" aria-expanded="true" style="display: table; top: 3px; left: 51px;">
                        <li class="ui-menu-item" role="presentation">
                            <a href="bryan_qt.php" id="ui-id-12" class="ui-corner-all" tabindex="-1" role="menuitem">Уроки по Qt от Bryan'a</a>
                        </li>
                    </ul>
    Remove the code in red.
    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."

  9. #9
    SitePoint Zealot 8Observer8's Avatar
    Join Date
    Jul 2013
    Location
    Russia
    Posts
    104
    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
  •