Подменю отображается без отступа

Тема в разделе "Вопросы по работе с меню", создана пользователем Romashka, 02.08.2010.

  1. Offline

    Romashka Недавно здесь

    Регистрация:
    22.06.2010
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Женский
    Пробовала разные настройки в родительском пункте меню и во вложенном, а также в менеджере модулей, но нужной настройки нет.

    Проблема в том, что при активировании вложенного подпункта меню, этот подпункт отображается как родительский, т.е. во-первых выравнивается с родительским по ширине, а во-вторых возле подпункта появляется слева значок, такой же, как у родительского, и таким образом теряется восприятие вложенного подпункта. Пример: http://dialog.1gb.ru/undergarment/amore-prima-vista, где Amore Prima Vista - подпункт меню Белье.

    Как сделать, чтобы вложенные подпункты, кроме цвета никак не менялись при их активировании?
     
  2.  
  3. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 310
    Симпатии:
    375
    Пол:
    Мужской
    В сказку попали? Не всё же кнопочками настраивать, иногда приходится CSS изучать. :)
    Надо у ссылки убирать фон-круглешок и добавлять padding-left
     
  4. Offline

    Romashka Недавно здесь

    Регистрация:
    22.06.2010
    Сообщения:
    10
    Симпатии:
    0
    Пол:
    Женский
    Ok, этот кгругляшок menu_arrow.gif встречается в CSS только 3 раза подряд:

    Код (CODE):
    1. #leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
    2. #rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
    3.     display:block;
    4.     font-weight: 400;
    5.     font-size: 13px;
    6.     line-height: 16px;
    7.     padding:0 0 3px 15px;
    8.     margin:0;
    9.     text-decoration: none;
    10.     color: #665;
    11.     background: transparent url(../images/menu_arrow.gif) no-repeat left top;
    12. }
    13.  
    14.  
    15. #leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
    16.     color: #FF1F5E;
    17.     background: transparent url(../images/menu_arrow_hover.gif) no-repeat left top;
    18. }
    19.  
    20. /*LEFT COL CURRENT LINK*/
    21.  
    22. #leftcolumn ul.menu li#current, #rightcolumn ul.menu li#current {
    23. }
    24.  
    25. #leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
    26. #rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
    27.     color: #FF1F5E;
    28.     background: transparent url(../images/menu_arrow_hover.gif) no-repeat left top;
    29. }


    Если его убрать совсем, то исчезнет из родительского меню тоже. Как по-умному убрать?
     
    Последнее редактирование модератором: 05.04.2014

Поделиться этой страницей

Загрузка...