css: меню

[artefakt777]

Здесь реализовано меню, но коряво. В частности оторвался второй уровень, как его прижать можно? И как сделать, чтобы ссылка была активна не только при наведение на слово, но и при наведении на блок в общем.

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[D'Jack]

Где то в html у тебя указанно,

top: -274px;

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

element.style {
top: -50px;
}

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

 

[NoName013]

И как сделать, чтобы ссылка была активна не только при наведение на слово, но и при наведении на блок в общем.

a {display: block;}

 

[artefakt777]

Где то в html у тебя указанно,

top: -274px;

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

element.style {
top: -50px;
}

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

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

a {display: block;}

странно, но не работает

 

[Vishez]

все перелопатил, не могу найти эти цифры. в 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)

 

[artefakt777]

Ты сам меню делал? Оно какое-то неправильно. Вот смотри

<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)

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

 

[Vishez]

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

Я просто не понял сразу про что ты. Такое происходит потому что ссылка(a) меньше чем родительский элемент(li).
В файле template.css убери строчку

ul.menu_fixed li {
padding: 3px 25px; <--только эту строчку
}

И добавь новое правило.

ul.menu_fixed>li>a {
padding: 3px 25px; 
}

Остальное по аналогии.