css: меню

Тема в разделе "Верстка", создана пользователем artefakt777, 30 мар 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. artefakt777

    artefakt777

    Регистр.:
    15 июл 2012
    Сообщения:
    455
    Симпатии:
    119
    Здесь реализовано меню, но коряво. В частности оторвался второй уровень, как его прижать можно? И как сделать, чтобы ссылка была активна не только при наведение на слово, но и при наведении на блок в общем.
     
  2. D'Jack

    D'Jack

    Регистр.:
    22 сен 2012
    Сообщения:
    335
    Симпатии:
    109
    Где то в html у тебя указанно,

    Код:
    top: -274px;
    в css всё нормально, исправил на

    Код:
    element.style {
    top: -50px;
    }
    всё нормально отображается
     
  3. NoName013

    NoName013 Постоялец

    Регистр.:
    10 ноя 2013
    Сообщения:
    80
    Симпатии:
    18
    a {display: block;}
     
  4. artefakt777

    artefakt777

    Регистр.:
    15 июл 2012
    Сообщения:
    455
    Симпатии:
    119
    все перелопатил, не могу найти эти цифры. в css дописать что-нить можно?

    странно, но не работает
     
  5. Vishez

    Vishez

    Регистр.:
    19 авг 2013
    Сообщения:
    169
    Симпатии:
    81
    Ты сам меню делал? Оно какое-то неправильно. Вот смотри
    Код:
    <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 нравится это.
  6. artefakt777

    artefakt777

    Регистр.:
    15 июл 2012
    Сообщения:
    455
    Симпатии:
    119
    Спасибо, помогло.
    При наведении на блок только цвет меняется, а ссылка при наведении на слово в хроме файрфоксе и опере.
     
  7. Vishez

    Vishez

    Регистр.:
    19 авг 2013
    Сообщения:
    169
    Симпатии:
    81
    Я просто не понял сразу про что ты. Такое происходит потому что ссылка(a) меньше чем родительский элемент(li).
    В файле template.css убери строчку
    Код:
    ul.menu_fixed li {
    padding: 3px 25px; <--только эту строчку
    }
    
    И добавь новое правило.
    Код:
    ul.menu_fixed>li>a {
    padding: 3px 25px; 
    }
    
    Остальное по аналогии.
     
    artefakt777 нравится это.