Здесь я сделал JSFiddle демонстрацию небольшого выпадающего меню №1, но я не могу понять, как добавить подменю подвыборки.
<ul id="nav">
<li> <a href="#" class="main-menu">vcdsfds</a>
<ul class="sub-menu">
<li><a href="#">vcdsfds</a></li>
...
</ul>
</li>
...
</ul>
Отображение того, где я хочу выпадающего списка:
¹ исходный выпадающий источник: http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/
#nav li:hover ul { left: -50%; }
#nav li:hover ul { left: -50%; }
Скрипт здесь: http://jsfiddle.net/abLyH/4/
#nav ul {
position: absolute;
left: -9999px;
margin: 0 0 0 -50px;
}
Вы можете добавить маржу... Может быть, не лучшее решение, но оно работает Пример: http://jsfiddle.net/abLyH/
если я понял вашу проблему, вы должны установить маржу слева в свое подменю.
.sub-menu {
margin-left : -50%;
border: 1px solid #CCC;
text-align:center;}
Проверьте это http://jsfiddle.net/abLyH/10/
Я добавил ul
в контейнер <div>