Пункты меню наезжают друг на друга

Тема в разделе "Веб-дизайн", создана пользователем manja4ok, 6 сен 2011.

Модераторы: zek24
  1. manja4ok

    manja4ok Постоялец

    Регистр.:
    17 янв 2009
    Сообщения:
    141
    Симпатии:
    3
    SOS!
    При выводе меню списком в левой колонке, основные пункты меню наезжают на подпункты...
    дело скорее всего в шаблоне т.к. эта же проблема при использовании других модулей меню..
    подскажите как с этим бороться... я в тупике((
    ami.in.ua
     
  2. solarb

    solarb Постоялец

    Регистр.:
    11 июл 2009
    Сообщения:
    64
    Симпатии:
    15
    manja4ok нравится это.
  3. manja4ok

    manja4ok Постоялец

    Регистр.:
    17 янв 2009
    Сообщения:
    141
    Симпатии:
    3
    так уже лучше), но почему фон меню проигнорировал длину?..
    и как выделить подпункты, чтоб они не сливались с основными..(отступ добавить или еще что)?
     
  4. solarb

    solarb Постоялец

    Регистр.:
    11 июл 2009
    Сообщения:
    64
    Симпатии:
    15
    добавь к #left

    overflow:hidden;

    для подпунктах думаю сменить цвет или добавить курсив может быть...
    надо добавить дополнительный клас к li подпунктах, но это joomla и я не очень разбираюсь в ней. думаю там класы динамически добавляются.
     
    manja4ok нравится это.
  5. manja4ok

    manja4ok Постоялец

    Регистр.:
    17 янв 2009
    Сообщения:
    141
    Симпатии:
    3
    добавил в
    ul {
    list-style-image:none;
    overflow:hidden;
    }
    ul li {
    background: url(<?php echo $imgpath; ?>/bullet.gif) no-repeat 18px 8px;
    line-height: 180%;
    padding-left: 2px;
    float:left;
    overflow:hidden;
    }

    все стало ОК!
    , как теперь цвет/курсив и т.п. поменять? думаю достаточно будет основные пункты жирными сделать..
     
  6. solarb

    solarb Постоялец

    Регистр.:
    11 июл 2009
    Сообщения:
    64
    Симпатии:
    15
    font-weight: bold; делает их жирными


    ".separator span" для подпунктах

    но не нашел способ зделать жирными основными пунктами
     
    manja4ok нравится это.
  7. arohy

    arohy Писатель

    Регистр.:
    1 сен 2011
    Сообщения:
    6
    Симпатии:
    1
    Попробуй в настройках модуля выставить свой класс - например ' left'.
    Дальше в css:
    .left ul li {font-weight:bold;} - пункты меню
    .left .separator span {font-weight: normal;} - сепараторы

    Цель - применяем все изменения ТОЛЬКО к данному модулю.
     
    manja4ok нравится это.
  8. manja4ok

    manja4ok Постоялец

    Регистр.:
    17 янв 2009
    Сообщения:
    141
    Симпатии:
    3
    при таком раскладе
    1. если добавить суфикс left в "Суффикс класса меню"
    "Суффикс класса модуля" - все пункты жирные,
    2. если только в "Суффикс класса меню" -пункты обычные,подпункты жирные...


    методом тыка пришел к такому
    вродь заработало)