Hi,
I have a problem with a menu. Please, move “Examples” -> “C++”: http://jsfiddle.net/8Observer8/255Tp/1/
Thank you.
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!
Cool, glad that helped.
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">Примеры на 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">Уроки по Qt от Bryan'a</a>
</li>
</ul>
Remove the code in red.
Thank you very much