Как выровнять выпадающее подменю?

0

Здесь я сделал 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>

Отображение того, где я хочу выпадающего списка:

Изображение 174551

¹ исходный выпадающий источник: http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

  • 1
    Вы имеете в виду текст или выпадающий список?
  • 0
    Я имею в виду выпадающий список
Теги:

4 ответа

5
Лучший ответ

#nav li:hover ul { left: -50%; } #nav li:hover ul { left: -50%; } Скрипт здесь: http://jsfiddle.net/abLyH/4/

2
#nav ul {
    position: absolute;
    left: -9999px;
    margin: 0 0 0 -50px;
}

Вы можете добавить маржу... Может быть, не лучшее решение, но оно работает Пример: http://jsfiddle.net/abLyH/

  • 1
    Вы должны добавить свой код в вашем примере тоже.
  • 0
    извини, забудь нажать на кнопку Обновить :)
1

если я понял вашу проблему, вы должны установить маржу слева в свое подменю.

.sub-menu {
    margin-left : -50%;
    border: 1px solid #CCC;
    text-align:center;}

демонстрация

0

Проверьте это http://jsfiddle.net/abLyH/10/

Я добавил ul в контейнер <div>

  • 1
    Проверьте демоверсию скрипки, может быть, вы что-то пропустили.
  • 0
    да, может быть, n1kkou имеет правильный ответ на это, я думаю;) я неправильно понял вопрос: p

Ещё вопросы

Сообщество Overcoder
Наверх
Меню