Question

Пытаюсь сделать по шаблону горизонтальное меню. По сути всё устраивает, но в горизонтальных отступах запутался.

Не устраивает то, что ВЫДЕЛЕННЫЙ пункт меню имеет выделение ровно по ширине надписи первого уровня. На картинке по ширине ПУБЛИКАЦИИ, А хочу что бы светлое выделение было чуть шире надписи.

Answer 1

В стилях в строке 364 удалить значение:

 margin-left: 10;

далее поправить строку номер 368 и заменить ее на:

#nav li a:hover {margin: inherit;width: 100%;display: block;background:#DCE2FC;color:#355C96;}

и будет как вы хотите.

Comments

Спасибо, вроде что-то получилось. Но кажется при выделении пункта, текст прыгает, смещается вправо.
И еще оторвать бы меню (пункты) от левого края, а то пункт ГЛАВНАЯ к границе вообще прилипает.

---

Олег Рыжаков,

В вашем меню прилипание это лучше чем нижний скрол. Пока так лучше оставить так как если делать отступ, будет нижний скрол.

---

Yuri_Geruk,

Нижний скрол? Что это и с чем его едят? Ну да ладно, не существенно.
Я меню загнал в таблицу и ячейку слева покрасил в фон меню.

Но вопрос про смещение при выделении пунктов меню вправо остаётся. Это как-то лечится?

---

Олег Рыжаков,

В стилях строка 366: margin-right: 10; этот марджин сдвигает, вы слишком много их наплодили в этом меню.