Как разобраться с hover и margin-bottom

голоса: 0

Первое.

Собственно в верхнем меню, на главной все хорошо. При наведении на пункт меняется цвет ссылки и подчеркование.

#catmenu li a.uMenuItemA {
    border-bottom: 1px solid #d2222a;
    color: #d2222a;
    margin-bottom: -1px;
    text-decoration: none;
}

Но, на странице материала при наведении меню "прыгает". Также неправильно и на страницах материалов из категории, после экономики.

Отсюда второй вопрос: почему class=" uMenuItemA" присваевается только до третей ссылки в меню и еще с ошибкой, т.е. пробел в начале названия класса. Никак немогу найти, чем он прописывается...

Адрес сайта http://aoi.ucoz.com/
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

Дело в том, что вы указываете абсолютные ссылки. Зайдите в конструктор меню и вы увидите, что ссылки политика, общество и экономика у вас относительные, а остальные абсолютные. Говоря простым языком одни ссылки у вас с http другие без. 

Так вот. Сделайте все ссылки относительными, такого вида /news/sport/1-0-4 и тогда class uMenuItemA будет проставляться всем пунктам меню. А на пробел не обращайте внимания. Он не играет никакой роли

| Автор:
Выбор ответа лучшим | | Автор: nomid

Теперь все работает корректно, но, только на главной странице и на странице архива материалов категории.

А вот на странице материала или других страницах (http://aoi.ucoz.com/index/0-2 или http://aoi.ucoz.com/index/0-3 или http://aoi.ucoz.com/news/2015-12 и т.д.) с margin-bottom и hover у меня проблема... Все равно меню "прыгает"...

Александр, помогите разобраться. Я вчера целый вечер и ночь смотрел, так и не смог найти решение :(

...