Растяжка блока

VeNorm

Постоялец
Регистрация
22 Дек 2008
Сообщения
91
Реакции
3
Здравствуйте. Вот пытаюсь растянуть блок, а не получается.
Подскажите, как сделать данное. Блок делится на 3 картинки.
8e605bd5de65a7451d93546388a1d026.png
 
Я хотел узнать сам способ вёрстки данного блока.
 
Вот здесь посмотрите, *** скрытое содержание *** есть что то похожее на ваш пример.
Или здесь есть ещё *** скрытое содержание *** есть видео даже.
Тут не то подразумевается...
Используется 3 картинки. Необходимо чтобы текст начинался с верхней картинки, при растяжке использовалась картинка самой растяжки и при окончании текст заходил на футер.
У меня получается только так:
80babb71931f4c98b26ef385bfb14ce7.png
 
Если надо сверстать так как Вы хотите, если я Вас правильно понял то.

Код:
<div class="content_top"><!-- content -->
              <div class="content_bottom">
                            	
TXT

</div>
</div>



И CSS к нему...

Код:
.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;
}

Сверху и снизу изображения top и bottom, по середине молоко тянется. Прописать только пути к изображениям и настроить под себя величины.
 
Если надо сверстать так как Вы хотите, если я Вас правильно понял то.
Код:
<div class="content_top"><!-- content -->
              <div class="content_bottom">
TXT
</div>
</div>
И CSS к нему...
Код:
.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;
}
Сверху и снизу изображения top и bottom, по середине молоко тянется. Прописать только пути к изображениям и настроить под себя величины.

Спасибо, это я понял... Нужно просто чтобы это "молоко" тоже картинкой задавалось:confused:
 
Очень интересно.
 
Вместо <!-- content --> вставте еще один <div class="ваш_класс">

и в CSS добавте
.название_вашего_класса {
background: url(../images/moloko.jpg) <!--тут значения repeat(повторы) и т.д -->;
}

инфу по repeat и позиционированию найдете тут, там есть все что нужно:


удачи Вам!;)
 
Вместо <!-- content --> вставте еще один <div class="ваш_класс">
и в CSS добавте
.название_вашего_класса {
background: url(../images/moloko.jpg) <!--тут значения repeat(повторы) и т.д -->;
}
инфу по repeat и позиционированию найдете тут, там есть все что нужно:
*** скрытое содержание ***
удачи Вам!;)
Опять же див молока между топом и боттомом. Нужно чтобы текст начинался от блока топа и при растяжке блока начиналась картинка резинки, и заканчивался текст на картинке боттома.:)
 
Назад
Сверху