Кодиране с разстягане

[tedobedo]

Някой ще ми кодира ли тази картинка? Важното е да се разтяга с увеличаването на информацията!
http://store.picbg.net/pubpic/87/03/efc381b510998703.png

 

[shterev]

.element{
  width:673px;
  background: #e6e6e6;
  border: solid 1px #237be4;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border:4px;
}

<div class="element"> info</div>

 

[tedobedo]

Трябва ми с картинки, защото отгоре нямам border.

 

[kulov]

Ето и картинките

link

<style>

.clear {
clear:both;
}

#data-top {
background:url('data-top.png') no-repeat;
height:17px;
width:680px;
}

#data-center {
background:url('data-center.png') repeat-y;
width:680px;
text-align:center;
}


#data-bottom {
background:url('data-bottom.png') no-repeat;
height:26px;
width:680px;
}
</style>


<div id="data-top"></div>
<div id="data-center">
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, 
text, text, text, text, text, text, text, text, text, text, text, text, text, text, text, text
</div>
<div class="clear"></div>
<div id="data-bottom"></div>

 

[tedobedo]

Объркал си архива... Това са някакви картинки за facebook...

 

[shterev]

еми като искаш да няма горе бордер ще стане така:

.element{
width:673px;
background: #e6e6e6;
border: solid 1px #237be4;
border-top:0px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border:4px;
}

 

[tedobedo]

От горе остава заоблено... Ако другия потребител не даде картинките ще ползвам този вариант.

btw: Как мога да центрирам всичко?

 

[shterev]

и аз мога да ти го напрая с картинка , ама ме мързи.

.element{
width:673px;
margin:0 auto;
background: #e6e6e6;
border: solid 1px #237be4;
border-top:0px;
border-radius:0 0 4px 4px;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
}

Ето го центрирано и трябва да няма горе заоблено

 

[tedobedo]

Мерси много! Как да направя като се увеличава полето и footer-а да слиза надолу?

 

[shterev]

как ти е направен footera?

 

[kulov]

Редактирах линка

 

[tedobedo]

Някой от вас ще ме намери ли на skype: ted0_1912 ?
footer ми е:

#footer {
	width:681px;
	height:56px;
	background:url(imgs/footer.png) no-repeat;
	position:absolute;
	left: -361px;
	top: 645px;
	}

Не съм кодирал въобще както трябва...Ако може някой от вас да ме намери....