Как да направя, че картинката да се разпъва спрямо текста

[cvetina_a]

Имам един правоъгълник със заоблени ъгли. Тази картинка ми е нарязана на 2 части, едната лява-с левите ъгли която е с width:10px, а другата много дълга за да се разтяга по текста - с десните ъгли. Как обаче да ги сложа така, че да ми се разпъват по текста? В случая имам footer с background друга картинка и отгоре текст, който да се разпъва с предните картинки, които обясних по-горе (над тази картинка на footer -a). Ако искате може да пратя картинките, само ми кажете как?[/img]

 

[dominik]

След като влезеш в сайта в ляво имаш меню в което има линк - "Лична папка". Сложи картинките там и дай линк към тях за да видим за какво иде реч.

 

[cvetina_a]

http://web-tourist.net/project/cvetina_a/but_hover.jpg --- това е цялата картинка, която трябва да се изреже на 2 части, така че да се разпъва вътре текста?

 

[dashe]

http://web-tourist.net/project/cvetina_a/but_hover.jpg --- това е цялата картинка, която трябва да се изреже на 2 части, така че да се разпъва вътре текста?

режеш я от ляво и дясно където са по тъмните и една лентичка във средата..
Която ще се разпъва според дължината

 

[cvetina_a]

Аз хубаво ще ги нарежа, ама после как да ги наредя в CSS-то. Значи аз имам footer s background -друг и върху него трябва да се сложат тези които ще се разпъва текста м/у тях. Ето така е в кода:
<div id="footer">
<p class="copyright"></p>
</div>

 

[cvetina_a]

Никой ли незнае?

 

[jorkata_1354]

сигурно има и други начини ама аз само тва измислих

<style type='text/css'>
#main {
	width: 200px;
	float: left;
}

#a_c {
	background: url(but_hover_c.jpg) repeat-x;
	height: 40px;
	float: left;
}

#a_l {
	background: url(but_hover_l.jpg) no-repeat;
	width: 7px;
	height: 40px;
	float: left;
}

#a_r {
	background: url(but_hover_r.jpg) no-repeat;
	width: 7px;
	height: 40px;
	float: left;
}
</style>

<div id='main'>
	<div id='a_l'> </div>
	<div id='a_c'>dsad sa dsa dsa</div>
	<div id='a_r'> </div>
</div>

картинките

 

[cvetina_a]

Ами не става така. Защото аз имам footer и в него трябва да вмъкна тези неща. Ето как е той:
<div id="footer">
<p class="copyright</p>
</div>
А footer-а е с друг background.