как создать такую штуковину

lindim · October 21, 2009

Есть 8 картинок с закруглеными углами с помошью которых оформлены колонки сайта, вот пример

но когда я в центральную колонку помещаю текст больше 2-х строк то боковые картинки не тянутся (не повторяются). пример.

Вопрос как сделать что бы они тянулись?

Вот код ee.css:

body
{
color:#FFFFFF;
}

.block
{
width:200px;
}

.l_u
{
background-image:url('images/new_lu.png');
width:21px;
height:19px;
float:left;
}

.c_u
{
background:url('images/new_cu.png') repeat-x;
width:160px;
height:19px;
float:left;
}

.r_u
{
background-image:url('images/new_ru.png');
width:19px;
height:19px;
float:left;
}


.l
{
clear:both;
background-image:url('images/new_l.png');
background-repeat: repeat-y;
width:21px;
height:19px;
float:left;
}

.c
{
background-color:#000000;
float:left;
width:160px;
}

.r
{
background:url('images/new_r.png') repeat-y;
width:19px;
height:19px;
float:left;
}


.dl
{
clear:both;
background-image:url('images/new_dl.png');
width:21px;
height:19px;
float:left;
}

.dc
{
background:url('images/new_dc.png') repeat-x;
width:160px;
height:19px;
float:left;
}

.dr
{
background-image:url('images/new_dr.png');
width:19px;
height:19px;
float:left;
}

и сам файл ee.html

<html>
<head>
<link rel="stylesheet" href="ee.css" type="text/css" />
</head>
<body>

<div class="block">
 <div class="l_u"></div>
 <div class="c_u"></div>
 <div class="r_u"></div>
 <div class="l"></div>
 <div class="c">
	LA-LA-LA
		<br />
	LA-LA-LA
 </div>
 <div class="r"> </div>
 <div class="dl"></div>
 <div class="dc"></div>
 <div class="dr"></div>
</div>


</body>
</html>

lindim · October 23, 2009

Ну что мне никто не поможет???

или я просто плохо обяснил проблему??

Dimitry Wolotko · October 23, 2009

плохо обяснил проблему

В двух предложениях - что надо?

Clayton · October 25, 2009

Вопрос как сделать что бы они тянулись?

Что бы они тянулись, нужно соответствующим образом построить background, в вашем случае, нужнжо что б он тянулся по вертикали

Sign In

как создать такую штуковину

Question

lindim

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

lindim

Link to comment

Share on other sites

Dimitry Wolotko

Link to comment

Share on other sites

Clayton

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information