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

manja4ok

Старатель
Регистрация
17 Янв 2009
Сообщения
150
Реакции
11
SOS!
При выводе меню списком в левой колонке, основные пункты меню наезжают на подпункты...
дело скорее всего в шаблоне т.к. эта же проблема при использовании других модулей меню..
подскажите как с этим бороться... я в тупике((
 
Найди в CSS-е
*** скрытое содержание ***
и добавь float:left и будет тебе счастия :)
так уже лучше), но почему фон меню проигнорировал длину?..
и как выделить подпункты, чтоб они не сливались с основными..(отступ добавить или еще что)?
 
добавь к #left



для подпунктах думаю сменить цвет или добавить курсив может быть...
надо добавить дополнительный клас к li подпунктах, но это joomla и я не очень разбираюсь в ней. думаю там класы динамически добавляются.
 
добавь к #left
*** скрытое содержание ***
для подпунктах думаю сменить цвет или добавить курсив может быть...
надо добавить дополнительный клас к li подпунктах, но это joomla и я не очень разбираюсь в ней. думаю там класы динамически добавляются.
добавил в
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;
}

все стало ОК!
, как теперь цвет/курсив и т.п. поменять? думаю достаточно будет основные пункты жирными сделать..
 
font-weight: bold; делает их жирными


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

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

Цель - применяем все изменения ТОЛЬКО к данному модулю.
 
Попробуй в настройках модуля выставить свой класс - например ' left'.
Дальше в css:
.left ul li {font-weight:bold;} - пункты меню
.left .separator span {font-weight: normal;} - сепараторы
Цель - применяем все изменения ТОЛЬКО к данному модулю.
при таком раскладе
1. если добавить суфикс left в "Суффикс класса меню"
"Суффикс класса модуля" - все пункты жирные,
2. если только в "Суффикс класса меню" -пункты обычные,подпункты жирные...


методом тыка пришел к такому
/* UL LI's */
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;
font-weight:bold;
}

.left ul li {font-weight:normal;}
.left .separator span {font-weight: normal;}
вродь заработало)
 
Назад
Сверху