ФУнкция на разтягане на картинка .

[ArchangelS]

Значи сложил съм 1 картинка , която е с заоблени ъгли и е сложена директно с css , как мога да я направя да се разтяга ако има прекалено много инфо в нея ?

 

[shterev]

тази картинка трябва да я направиш на 3 части - горна средна и долна.

Правиш 3 дива. На горния слагаш горната част на картината, без да се повтаря. На средния слагаш средната част от картинката, която може да е висока 1/2 пиксела,но задаваш да се повтаря. Втози див е и инфото.На долния див е същото като горния.

.up{

width:300px;
height:20px;
font-size:0px;
background: url(up_img.gif) no-repeat left top;
}


.center{
width:300px;
background: url(center_img.gif) repeat-y  left top;
}

.down{
width:300px;
height:20px;
font-size:0px;
background: url(down_img.gif) no-repeat left top;
}


<div class="up"></div>
<div class="center">
     Инфото.
</div>
<div class="down"></div>