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.

This isn’t helping you:

.ui-menu ul li ul {
left: [COLOR="#FF0000"]120px[/COLOR] !important;
width: 100%;
}

Remove it or reduce it to get what you want.

Thank you! How to shift the pop-up menu down to the level of a selected item?

Try removing float: none from here:

.ui-menu ul li {
position: relative;
display: block;
[COLOR="#FF0000"]float: none;[/COLOR]
}

Yes, it works! Thank you very much! :slight_smile:

Cool, glad that helped. :slight_smile:

Please, move to “Expamles” -> “Qt” And you will be able to see a bug http://jsfiddle.net/8Observer8/255Tp/2/

You have an error in your HTML. You have two ULs instead of one:

<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">&#1055;&#1088;&#1080;&#1084;&#1077;&#1088;&#1099; &#1085;&#1072; Qt</a>
                    </li>
                [COLOR="#FF0000"]</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;">[/COLOR]
                    <li class="ui-menu-item" role="presentation">
                        <a href="bryan_qt.php" id="ui-id-12" class="ui-corner-all" tabindex="-1" role="menuitem">&#1059;&#1088;&#1086;&#1082;&#1080; &#1087;&#1086; Qt &#1086;&#1090; Bryan'a</a>
                    </li>
                </ul>

Remove the code in red. :slight_smile:

Thank you very much :slight_smile: