Как отредактировать меню? - Вопросы по CSS

Сайт kosmosinvest.ru

Вертикальное меню слева, 2 основные проблемы:

1) В заголовках меню текст обрезается
2) В подменю текст выходит за границы блока.

Пытался решить проблему играясь с , но в результате текст переносился на новую строчку и все строчки сливались в кашу. Как отредактировать код, что бы текст подменю переносился на новую строчку, но не сливался с нижними подпунктами.

текст выходит за граници блока

в template.css удалите (измените отступ)строка 971

padding-left: 25px;

Отступ уменьшил, но собственно говоря проблему это не решило, текст то все равно длиннее блока.

Строка: 971

Надеюсь далее по аналогии разберетесь, что делать?

не забывайте line-height исправлять ... у вас слишком большое значение

Строка: 971
Код
ul.art-vmenu ul a
{
  display: block;
  white-space: nowrap; /* Вы сами решили текст не переносить на новую строку ... удалите */
  height: 24px; /* Теперь после удаления у вас 2 строки текста не поместится в эту высоту ... удалите */
  overflow: visible;
  background-image: url('../images/vsubitem.gif');
  background-position: 25px 0;
  background-repeat: repeat-x;
  padding-left: 5px;
}

Надеюсь далее по аналогии разберетесь, что делать?

не забывайте line-height исправлять ... у вас слишком большое значение

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

Ну вы наверно еще плохо разбираетесь в CSS. Вам надо либо самому разобраться, либо прибегнуть к чьей-либо помощи.

Если сами решите - FireBug.ru

Ну вы наверно еще плохо разбираетесь в CSS. Вам надо либо самому разобраться, либо прибегнуть к чьей-либо помощи.

Если сами решите - FireBug.ru

Ну да, я пока что только учусь. Постараюсь разобраться самостоятельно, спасибо.

Помогите разобраться с меню. Вот сам шаблон: http://template15.joomlart.com/ja_edenite/
я переделываю в зеленый цвет. вот мой сайт test.itolkom.ru/
само меню меня устраивает, а вот выпадающее... оно не совсем соответствует шаблону, никак не могу найти и подобраться к этим параметром, а именно: 1. непонятно откуда вообще вылез формат последнего пункта выпадающего меню,
2. сам фон выпадающего меню. 3. и выделенный пункт выпадающего меню. (((
подскажите. два дня уже бьюсь.

сам фон выпадающего меню это картинка grad2.gif
выделенный пункт выпадающего меню это картинка grad2-2.gif

хотите изменить цвет меню, изменяйте цвет картинок

1. непонятно откуда вообще вылез формат последнего пункта выпадающего меню,

непонял вопроса!

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

нет... фон выпадающего меню идет не картинкой в том то и дело, последний почему выделяется картинкой и это печально, потому выделяться должен картинкой лишь выделенный пункт выпадающего меню.

нет... фон выпадающего меню идет не картинкой в том то и дело

почему не картинкой?

#ja-cssmenu li ul {
    background: url("../../images/grad2.gif") repeat-x scroll center bottom #91AE4E;
    border: 1px solid #A2CD5A;
}

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

Всё подправила, спасибо за помощь.