Кодиране на картинка

tedobedo

Registered
Как да кодирам тази картинка http://store.picbg.net/pubpic/6F/CD/7b8760b8803a6fcd.png

За да може като цялата се напълни с информация да се разтяга.
 
Правиш си 3 дива за 3-те части слагаш на първия лявата част на рамката на втория малка част от средата заедно със горната и дясната рамка и и слагаш width: auto; и repeat така като се напълни с информация ще се растяга автоматично и на 3-тия див му слагаш дясната рамка и си готов слагаш ги в един по голям див и на 3-те вътрешни им слагаш float:left; и би трябвало да стане :D
 
css
Код:
.kutiq {width:691px;}
.gore {height:7px;background:url("http://store.picbg.net/pubpic/61/58/fea5cdfe01fc6158.png") no-repeat;}
.sreda {background:url("http://store.picbg.net/pubpic/B1/22/b9f94c195bfbb122.png") repeat-y;}
.dolu {height:7px;background:url("http://store.picbg.net/pubpic/10/C4/95fdc14c49ce10c4.png") no-repeat;}
html
Код:
<div class="kutiq">
<div class="gore"> </div>
<div class="sreda">tuka slagash sudurjanieto<br /><br /><br /><br /><br /></div>
<div class="dolu"> </div>
</div>
 

Back
Горе