Joomla 1.0 Выравнивание переносов на следующую строку в левом меню

Скажите, пожалуйста, как сделать так, что бы меню на сайте www.advokaty-yuristy.ru располагалось ровно. Т.е. например пункт меню "Бесплатная консультация" съехала вниз, а другие пункты меню немного приподняты.
Код меню:

Помогите, пожалуйста, никак не сообразить, что можно сделать что бы и переносимые строки были по центру кнопки и простые пункты меню

 

Код (html):

1. text-align: center;
2. padding: /* подбирайте */

И бэкграудны на кнопках лучше делать одним файлом, а не двумя разными.
Например: в одном изображении картинка сверху для обычного состояния, снизу для hover. В цсс просто пропишете один бэкграунд, только в первом случае

Код (html):

1. background: url(/templates/advokat/images/men.png) top center;

во втором:

Код (html):

1. background: url(/templates/advokat/images/men.png) bottom center;

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

 

Не ответили на вопрос.

 

а спецификацию css почитать как?
если речь идет именно о кнопке, то класс текста в поле кнопки описывается через присоединение данного класса типа input.button {}
если под кнопкой вы понимаете, исходя из кастрированного кода в первом посте, ссылку с бэкграундом, то мысль awerta абсолютно верна, с небольшим дополнением - позиционировать элемент вокруг ссылки и в ссылке

 

input.button {}
Как им пользоваться?

 

достаточно просто:

 

Что-то не очень поянл полезность этого класса.
Можете помочь. Мне просто нужно, что бы текст в кнопках располагался в центре (по вертикали), на одной строке или в две строки. Можете показать пример на моем коде?

 

учи css
в твоем коде вообще НЕТ кнопки, есть класс главного меню и класс ссылки данного меню с вариабельностью под наведение
показывать на примере этого огрызка кода - это все равно что ставить диагноз пациенту по тени его среднего пальца правой ноги

ставь FF и Firebug и исследуй код
либо (если в опере работаешь) используй встроенные "средства разработки"
у ИЕ аналог тоже присутствует

 

Код (CODE):

1. /* Mainlevel menu */
2. .mainlevel {height: 18px;}
3.  
4. a.mainlevel {display: block;
5. background: url(/templates/advokat/images/men1.png);
6. font-weight: bold;
7. font-size: 16px;
8. color: #27468E;
9. height:49px;
10. [COLOR="Red"]padding: 10px 0 5px 13px;[/COLOR]
11. background-repeat:no-repeat;
12.  
13. text-decoration: none;
14. }
15.  
16. a.mainlevel:hover {
17. color: #27468E;
18. background: url(/templates/advokat/images/men2.png);
19. background-repeat:no-repeat;
20. }
21. /* End Mainlevel menu */

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

 

Отдельный стиль для кнопки?

 

ну если это не подходит то да с помощью id , или пункт меню сделайте из одного слова