Joomla 1.0 Резиновые горизонтальные кнопки

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

  1. qwe88
    Offline

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

    Регистрация:
    25.07.2008
    Сообщения:
    281
    Симпатии:
    1
    Пол:
    Мужской
    Добрый день.
    Подскажите, пожалуйста, как сделать так, что бы горизонтальные кнопки сайта имели не фиксированную ширину (ширина зависит от текстового содержания кнопки). Что-то типа как здесь: http://happy-sigaretts.ru/ , только концы будут закругленными (joomla 1.0)
     
  2.  
  3. Offline

    Fatima430 специалист

    Регистрация:
    18.07.2009
    Сообщения:
    363
    Симпатии:
    38
    Пол:
    Женский
    та на фоне всего меню изображение а разделители кнопок это отдельное изобоажение, и стоит на фоне пунктов списка с соответствующим позицианированием.
    а вы я так поняла собираетесь сделать каждое изображение отдельно тогда кортонку разделителя нарисуйте как нужно
     
  4. qwe88
    Offline

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

    Регистрация:
    25.07.2008
    Сообщения:
    281
    Симпатии:
    1
    Пол:
    Мужской
    Прошу прощения, но не понял. У меня есть код topmenu, что там нужно вставить, что бы работало? Помогите, пожалуйста
    Код (CODE):
    1. ul#mainlevel-nav {
    2.     text-decoration: none;
    3.     list-style: none;
    4.     padding: 0;
    5.     margin: 0 0px;
    6.     float:left;
    7.     color:#E7A038;
    8.     }
    9. ul#mainlevel-nav li {
    10.     width:108px;
    11.     float:left;
    12.     font-size:0.9em;
    13.     height:25px;
    14.     line-height:25px;
    15.     padding: 2px;
    16.  
    17.     display:inline;
    18.     }
    19. ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited {
    20.     font-family: "Monotype Corsiva";
    21.     font-size: 18px;
    22.     font-weight:bold;
    23.     text-align:center;
    24.     text-decoration:none;
    25.     white-space:nowrap;
    26.     display:block;
    27.     overflow:hidden;
    28.     color: #453818;
    29.     margin:0;
    30.     padding:0;
    31.     background: url(/templates/salon/images/knopka.gif);
    32.     }
    33. ul#mainlevel-nav li a:hover {
    34.     white-space:nowrap;
    35.     margin:0;
    36.     padding:0;
    37.     color: #000000;
    38.     background-position: -108px 0;
    39.     }
     

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

Загрузка...