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

[manja4ok]

SOS!
При выводе меню списком в левой колонке, основные пункты меню наезжают на подпункты...
дело скорее всего в шаблоне т.к. эта же проблема при использовании других модулей меню..
подскажите как с этим бороться... я в тупике((

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[solarb]

Найди в CSS-е

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

и добавь float:left и будет тебе счастия

 

[manja4ok]

Найди в CSS-е
*** скрытое содержание ***
и добавь float:left и будет тебе счастия

так уже лучше), но почему фон меню проигнорировал длину?..
и как выделить подпункты, чтоб они не сливались с основными..(отступ добавить или еще что)?

 

[solarb]

добавь к #left

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

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

 

[manja4ok]

добавь к #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;
}

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

 

[solarb]

font-weight: bold; делает их жирными


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

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

 

[arohy]

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

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

 

[manja4ok]

Попробуй в настройках модуля выставить свой класс - например ' 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;}

вродь заработало)