[Помогите] Перенос строки в пункте главного меню

Помогите пожалуста. У меня много категорий в главном меню, все непомещаются, как сделать перенос строки в главном меню? <br> <br\> неработаєт.

сайт - Tehnodiler.if.ua

 

<br> и <br /> не будет так работать, потому что вы пытаетесь вставить его в название раздела, а при сохранении все html теги конвертируются в обычный текст.

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

Более понятно, CSS код, 388 строка, добавьте следующее:

Код:

#menu > ul > li > a {
    width: 80px; /* ширина блока названия раздела, отрегулируйте по своему усмотрению */
    text-align: center;
}

После не забудьте увеличить высоту меню в 340 строчке:

Код:

#menu {
     height: 44px /* можно и больше, как вам понравится */
}

 

Бы у меня когдато модуль который позволял работать <BR> в категориях, только непомню названия :(

 

окей... как выровнять название поцентру меню? http://tehnodiler.if.ua ато разделители разной длинны, и меню снизу выпрыгивает не там где надо... може тесть возможность всё по центру выровнять штобы было одинаково? Проблемной пункт меню слева - сантехника

 

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

Вообщем по итогу, примените следующее:

Код:

#menu > ul > li > a {
    width: 90px;
    height: 25px;
    text-align: center;
}

#menu {
     height: 43px;
}

Все будет норм, кроме первого раздела "САНТЕХНИКА", оно не будет выравнено вертикально по центру.
Как вариант, можно добавить в название раздела сантехника ещё одно слово. Либо полностью переделать все меню.