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

Discussion in 'Вопросы по работе с меню' started by Romashka, Aug 2, 2010.

  1. Offline

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

    Joined:
    Jun 22, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Female
    Пробовала разные настройки в родительском пункте меню и во вложенном, а также в менеджере модулей, но нужной настройки нет.

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

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

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    В сказку попали? Не всё же кнопочками настраивать, иногда приходится CSS изучать. :)
    Надо у ссылки убирать фон-круглешок и добавлять padding-left
     
  4. Offline

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

    Joined:
    Jun 22, 2010
    Messages:
    10
    Likes Received:
    0
    Gender:
    Female
    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. }


    Если его убрать совсем, то исчезнет из родительского меню тоже. Как по-умному убрать?
     
    Last edited by a moderator: Apr 5, 2014

Share This Page

Loading...