Центрирование и удержание по центру горизонтальное выпадающее меню - PullRequest
Новая
       24

Центрирование и удержание по центру горизонтальное выпадающее меню

2 голосов
/ 19 декабря 2011

Я создал фиксированную панель навигации шириной 100%, которая охватывает верхнюю часть моей страницы; единственная проблема в том, что я не могу заставить заголовки выпадающего меню оставаться в центре, когда размер страницы изменяется, или, в этом отношении, вообще ... они перемещаются влево в данный момент.

Вот результат в полноэкранном режиме и код .

Все, что я до сих пор пробовал, нарушало прикрепления выпадающего меню к заголовкам меню.

Спасибо за помощь,
Link

1 Ответ

4 голосов
/ 22 декабря 2011

У вас уже есть text-align:center на ul.Это хорошее начало.Теперь просто добавьте это: 

#menu li {
    display:inline-block;
    float:none; /* or just remove the float */
}

Это будет центрировать элементы навигации, но избавиться от этого тоже: 

#menu {
    left: -20px;
}

Это нарушает макет и делает первую ссылку не щелкающей.

У вас также есть некоторые дополнительные отступы, применяемые к :hover, или что-то, что заставляет элементы списка «прыгать».Я бы посоветовал также заняться этим, чтобы ссылки не перемещались.

...