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

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем qwe88, 21.10.2010.

  1. qwe88
    Offline

    qwe88 Недавно здесь

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

    awerta Недавно здесь

    Регистрация:
    07.09.2008
    Сообщения:
    30
    Симпатии:
    3
    Пол:
    Мужской
    Код (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;

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

    qwe88 Недавно здесь

    Регистрация:
    25.07.2008
    Сообщения:
    281
    Симпатии:
    1
    Пол:
    Мужской
  5. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    а спецификацию css почитать как?
    если речь идет именно о кнопке, то класс текста в поле кнопки описывается через присоединение данного класса типа input.button {}
    если под кнопкой вы понимаете, исходя из кастрированного кода в первом посте, ссылку с бэкграундом, то мысль awerta абсолютно верна, с небольшим дополнением - позиционировать элемент вокруг ссылки и в ссылке
     
  6. qwe88
    Offline

    qwe88 Недавно здесь

    Регистрация:
    25.07.2008
    Сообщения:
    281
    Симпатии:
    1
    Пол:
    Мужской
  7. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    достаточно просто:
     
  8. qwe88
    Offline

    qwe88 Недавно здесь

    Регистрация:
    25.07.2008
    Сообщения:
    281
    Симпатии:
    1
    Пол:
    Мужской
    Что-то не очень поянл полезность этого класса.
    Можете помочь. Мне просто нужно, что бы текст в кнопках располагался в центре (по вертикали), на одной строке или в две строки. Можете показать пример на моем коде?
     
  9. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    учи css
    в твоем коде вообще НЕТ кнопки, есть класс главного меню и класс ссылки данного меню с вариабельностью под наведение
    показывать на примере этого огрызка кода - это все равно что ставить диагноз пациенту по тени его среднего пальца правой ноги

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

    Fatima430 специалист

    Регистрация:
    18.07.2009
    Сообщения:
    363
    Симпатии:
    38
    Пол:
    Женский
    Код (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 */

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

    qwe88 Недавно здесь

    Регистрация:
    25.07.2008
    Сообщения:
    281
    Симпатии:
    1
    Пол:
    Мужской
  12. Offline

    Fatima430 специалист

    Регистрация:
    18.07.2009
    Сообщения:
    363
    Симпатии:
    38
    Пол:
    Женский
    ну если это не подходит то да с помощью id , или пункт меню сделайте из одного слова
     

Поделиться этой страницей

Загрузка...