Joomla 1.5 Резиновый шаблон

Тема в разделе "Изменение шаблона (кастомизация)", создана пользователем Nesha, 29.08.2011.

  1. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Всем доброго дня! Столкнулась с такой проблемой. Пытаюсь изменить шаблон на резиновый. Прописала все в %. И вот возникла проблема. Header.jpeg не растягивается по ширине монитора, хотя выставлены и там %. Подскажите в чем проблема?
    http://spektrat.tmweb.ru

    div.art-Header
    {
    margin: 0 auto;
    position: relative;
    z-index:0;
    width: 100%;
    height: 150px;
    }


    div.art-Header-jpeg
    {
    position: relative;
    z-index:0;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background-image: url('../images/Header.jpg');
    background-repeat: no-repeat;
    background-position: left;
    }
     
  2.  
  3. joomguru
    Offline

    joomguru Модератор => Cпециалист <=

    Регистрация:
    03.12.2010
    Сообщения:
    456
    Симпатии:
    76
    Пол:
    Мужской
    Вместо background-repeat: no-repeat; написать - background-repeat: repeat-x;
    Но фон будет только повторятся, не растягиваться.
     
  4. umbabaraumba
    Offline

    umbabaraumba Активист => Cпециалист <=

    Регистрация:
    25.09.2009
    Сообщения:
    623
    Симпатии:
    58
    Пол:
    Мужской
    Картинке ширину надо прямо в коде писать
    <img src="Header.jpg" width="100%">
     
  5. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Ставит повторение картинки, а мне это не надо. Если в фотошопе изменить размер в пикселях, тогда на разных мониторах с разным разрешением получится ерунда.
     
  6. umbabaraumba
    Offline

    umbabaraumba Активист => Cпециалист <=

    Регистрация:
    25.09.2009
    Сообщения:
    623
    Симпатии:
    58
    Пол:
    Мужской
    Из css фон уберите а в коде напишите так

    <div class="art-Header-jpeg">
    <img src="Header.jpg" width="100%">
    </div>
     
  7. Nesha
    Offline

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

    Регистрация:
    23.02.2011
    Сообщения:
    91
    Симпатии:
    0
    Пол:
    Женский
    Последнее редактирование: 29.08.2011
  8. umbabaraumba
    Offline

    umbabaraumba Активист => Cпециалист <=

    Регистрация:
    25.09.2009
    Сообщения:
    623
    Симпатии:
    58
    Пол:
    Мужской
    div.art-Header-jpeg {
    background-image: url("../images/Header.jpg");
    background-position: left center;
    background-repeat: no-repeat;
    height: 150px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 0;


    <img width="100%" src="/Header.jpg">

    Путь к картинке не правильно прописан
     

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

Загрузка...