МЕНЮ - не могу сделать по центру

Question

МЕНЮ - не могу сделать по центру

Уже который час бьюсь над тем, чтобы выровнять по центру меню в шапке сайта.
Вроде всё сделал как надо, но всё равно слева отступ больше, чем справа.
При просмотре в отладчике <ul> ... </ul> слева появляется непонятная область и, возможно, она является причиной проблемы?
Сайт prodgoroda.ru
Может кто подскажет как отцентровать менюшку?

0

Ответы на пост (7) Написать ответ

Быстрая регистрация для ответа Войти

Роман Семенцов

12

20.09.2017 15:52

Привет. У тебя стоит стиль для ul элементов "-webkit-padding-start: 40px;". Т.е. в начале добавляется отступ 40 пикселей. Добавь к стилю #menu ul такую строчку "padding: inherit !important;"
Т.е.
#menu ul {
padding: inherit !important;
}

0

izbyshki_ru

77

20.09.2017 16:00

khrapko, Роман Семенцов спасибо большое!!!
Пробовал оба варианта - и тот и другой работает.

0

John-Silver

107

20.09.2017 17:43

Зачем вам !important? Не рекомендую пользоваться этим правилом, просто потому что оно меняет обычный порядок вещей. Обычно использование !important это первый звонок к плохому "костыльному" способу решения задачи. У вас все будит работать и без этого правила - padding: inherit; либо padding: 0;

0

BMDBMW

34

20.09.2017 17:33

Можно ещё margin: 0 auto;

0

sequelone

0

20.09.2017 18:31

Это правило работает с заданной фиксированной шириной, к примеру width: 500px

0

izbyshki_ru

77

21.09.2017 06:25

khrapko, понял, спасибо!
Сейчас переделаю.

0

Быстрая регистрация для ответа Войти

Accepted Answer

John-Silver

107

20.09.2017 15:51

#menu ul {
list-style: none;
text-align: center;
padding: 0;
}

0

Решение

МЕНЮ - не могу сделать по центру

Похожие посты

Анализ сайта