Follow along with the video below to see how to install our site as a web app on your home screen.
Примечание: This feature may not be available in some browsers.
Вот пытаюсь растянуть блок, а не получается.
Подскажите, как сделать данное. Блок делится на 3 картинки.
Тут не то подразумевается...Вот здесь посмотрите, *** скрытое содержание *** есть что то похожее на ваш пример.
Или здесь есть ещё *** скрытое содержание *** есть видео даже.
<div class="content_top"><!-- content -->
<div class="content_bottom">
TXT
</div>
</div>
.content_top {
background: url(../images/top-bg.png) no-repeat 1px -21px;
padding-top: 30px;
}
.content_bottom {
background: url(../images/bg-bottom.jpg) no-repeat 6px bottom;
padding-bottom: 1px;
min-height:270px;
height:auto !important;
height:270px;
}
Если надо сверстать так как Вы хотите, если я Вас правильно понял то.
И CSS к нему...Код:<div class="content_top"><!-- content --> <div class="content_bottom"> TXT </div> </div>
Сверху и снизу изображения top и bottom, по середине молоко тянется. Прописать только пути к изображениям и настроить под себя величины.Код:.content_top { background: url(../images/top-bg.png) no-repeat 1px -21px; padding-top: 30px; } .content_bottom { background: url(../images/bg-bottom.jpg) no-repeat 6px bottom; padding-bottom: 1px; min-height:270px; height:auto !important; height:270px; }
Опять же див молока между топом и боттомом. Нужно чтобы текст начинался от блока топа и при растяжке блока начиналась картинка резинки, и заканчивался текст на картинке боттома.Вместо <!-- content --> вставте еще один <div class="ваш_класс">
и в CSS добавте
.название_вашего_класса {
background: url(../images/moloko.jpg) <!--тут значения repeat(повторы) и т.д -->;
}
инфу по repeat и позиционированию найдете тут, там есть все что нужно:
*** скрытое содержание ***
удачи Вам!