css: меню

artefakt777

Постоялец
Регистрация
15 Июл 2012
Сообщения
537
Реакции
141
Здесь реализовано меню, но коряво. В частности оторвался второй уровень, как его прижать можно? И как сделать, чтобы ссылка была активна не только при наведение на слово, но и при наведении на блок в общем.
 
Где то в html у тебя указанно,

Код:
top: -274px;

в css всё нормально, исправил на

Код:
element.style {
top: -50px;
}

всё нормально отображается
 
Где то в html у тебя указанно,

Код:
top: -274px;

в css всё нормально, исправил на

Код:
element.style {
top: -50px;
}

всё нормально отображается

все перелопатил, не могу найти эти цифры. в css дописать что-нить можно?

странно, но не работает
 
все перелопатил, не могу найти эти цифры. в css дописать что-нить можно?


странно, но не работает
Ты сам меню делал? Оно какое-то неправильно. Вот смотри
Код:
<li class="item-435 current active deeper parent">
<a href="/">О Компании</a>
<ul style="top: -283px;">
</li>
У тебя каждый список внутри пункта списка смещается вверх на одинаковое значение пикселов(283px). Поэтому только первый пункт смотрится нормально. По-хорошему нужно переделывать меню, чтобы субсписки были сверху пунктов меню, а не смещались туда. Но так как у каждого пункта меню есть уникальный класс можно написать
Код:
.item-468>ul
{
top:-226px!important;
}
Это для пункта "Проекты". И так для каждого пункта подогнать смещение вверх.

А ссылка у тебя и так активна при наведении на блок в общем, как я вижу(Firefox 28.0)
 
Ты сам меню делал? Оно какое-то неправильно. Вот смотри
Код:
<li class="item-435 current active deeper parent">
<a href="/">О Компании</a>
<ul style="top: -283px;">
</li>
У тебя каждый список внутри пункта списка смещается вверх на одинаковое значение пикселов(283px). Поэтому только первый пункт смотрится нормально. По-хорошему нужно переделывать меню, чтобы субсписки были сверху пунктов меню, а не смещались туда. Но так как у каждого пункта меню есть уникальный класс можно написать
Код:
.item-468>ul
{
top:-226px!important;
}
Это для пункта "Проекты". И так для каждого пункта подогнать смещение вверх.

А ссылка у тебя и так активна при наведении на блок в общем, как я вижу(Firefox 28.0)
Спасибо, помогло.
При наведении на блок только цвет меняется, а ссылка при наведении на слово в хроме файрфоксе и опере.
 
Спасибо, помогло.
При наведении на блок только цвет меняется, а ссылка при наведении на слово в хроме файрфоксе и опере.
Я просто не понял сразу про что ты. Такое происходит потому что ссылка(a) меньше чем родительский элемент(li).
В файле template.css убери строчку
Код:
ul.menu_fixed li {
padding: 3px 25px; <--только эту строчку
}

И добавь новое правило.
Код:
ul.menu_fixed>li>a {
padding: 3px 25px; 
}

Остальное по аналогии.
 
Назад
Сверху