Центрирование навигационного меню

Поделиться1Сб, 11 Авг 2018 01:53:59

Автор: Oboist
Стремящийся
Зарегистрирован: Сб, 11 Авг 2018
Сообщений: 3
Уважение: +2
Позитив: 0
Последний визит:
Чт, 16 Авг 2018 00:39:45

Добрый день, мастера!
Вопрос от полнейшего нуба в области CSS (даже установка шапки стала для меня приключением):
Каким образом возможно выровнять навигационное меню форума не по левой его стороне, а по середине?
Использование
#pun-navlinks .container {text-align: left!important; padding-left: 350px}
выглядит как костыль, при изменении размера окна/добавлении элементов меню (да то же "Администрирование", в конце концов) вся красота сломается.

#pun-navlinks .container, #pun-ulinks{text-align: center; } в "HTML верх" вообще ничего не меняет, как ни странно...

Заранее спасибо!

http://cadabra.magicbb.ru/

0

Поделиться2Сб, 11 Авг 2018 12:24:18

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51439
Уважение: +15400
Позитив: +11951
Последний визит:
Сегодня 10:29:31

Oboist
В админке действуют только коды заложенные в свой стиль!
Чтобы перевести стандартный стиль в окна Стиля, нужно
глянуть Типовые Вопросы (ЧаВо) п.п.33

0

Поделиться3Сб, 11 Авг 2018 13:52:34

Автор: Oboist
Стремящийся
Зарегистрирован: Сб, 11 Авг 2018
Сообщений: 3
Уважение: +2
Позитив: 0
Последний визит:
Чт, 16 Авг 2018 00:39:45

Deff, благодарю за ответ!
Стили скопировал, "свой стиль" включил, часть правок из HTML-полей перенес, вроде даже ничего не сломалось =)
Но что сделать до достижения изначальной цели - так и не понял...
Столько всего - и, #pun-navlinks .container, и #pun-navlinks, #pun-navlinks .container, и #pun-navlinks + div, #pun-navlinks .container, #pun-navlinks li a, и просто #pun-navlinks - глаза разбегаются, совершенно непонятно, что из них за что отвечает, какие свойства может иметь и какие возможные значения для этих свойств...

+1

Поделиться4Сб, 11 Авг 2018 14:11:53

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7393
Уважение: +5894
Позитив: +6521
Пол: Мужской
Последний визит:
Вчера 21:01:12

Oboist, в НТМЛ верх:

Код:

<style>
#pun-navlinks .container {
display: flex;
justify-content: center;
left: 0px;
}
</style>

Или в своем стиле, найти:

/* D3.2 */
#pun-navlinks .container {
height: 29px;
font-weight: bold;
text-align: right;
position: relative;
left: -10px;
}

Добавить:

display: flex;
justify-content: center;

left: -10px; - заменить -10 на 0.

Отредактировано kolobdur74 (Сб, 11 Авг 2018 14:13:42)

0

Поделиться5Сб, 11 Авг 2018 14:30:47

Автор: Oboist
Стремящийся
Зарегистрирован: Сб, 11 Авг 2018
Сообщений: 3
Уважение: +2
Позитив: 0
Последний визит:
Чт, 16 Авг 2018 00:39:45

kolobdur74, бесконечно благодарен!)

+1

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе