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

Тема в разделе "OpenCart", создана пользователем moonstyles, 1 дек 2013.

  1. moonstyles

    moonstyles

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

    сайт - Tehnodiler.if.ua
     
  2. xxx999

    xxx999

    Регистрация:
    29 ноя 2013
    Сообщения:
    24
    Симпатии:
    13
    <br> и <br /> не будет так работать, потому что вы пытаетесь вставить его в название раздела, а при сохранении все html теги конвертируются в обычный текст.

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

    Более понятно, CSS код, 388 строка, добавьте следующее:
    Код:
    #menu > ul > li > a {
        width: 80px; /* ширина блока названия раздела, отрегулируйте по своему усмотрению */
        text-align: center;
    }
    После не забудьте увеличить высоту меню в 340 строчке:
    Код:
    #menu {
         height: 44px /* можно и больше, как вам понравится */
    }
     
  3. moonstyles

    moonstyles

    Регистрация:
    13 апр 2013
    Сообщения:
    157
    Симпатии:
    7
    Бы у меня когдато модуль который позволял работать <BR> в категориях, только непомню названия :(
     
  4. moonstyles

    moonstyles

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

    xxx999

    Регистрация:
    29 ноя 2013
    Сообщения:
    24
    Симпатии:
    13
    С вертикальным выравниванием по центру меню не все так просто, нужно полностью переделывать меню.
    Пробовал разные варианты на вашем меню — пока ничего вам предложить не смогу.
    Меню выпрыгивает не там где надо, в том случае, где название раздела состоит из одного слова.

    Вообщем по итогу, примените следующее:
    Код:
    #menu > ul > li > a {
        width: 90px;
        height: 25px;
        text-align: center;
    }
    
    #menu {
         height: 43px;
    }
    Все будет норм, кроме первого раздела "САНТЕХНИКА", оно не будет выравнено вертикально по центру.
    Как вариант, можно добавить в название раздела сантехника ещё одно слово. Либо полностью переделать все меню.