сложна css задачка

[xto]

искам това да го сложа в сайта обаче имам един рпоблем с конфигурацията му




мога да го сложа като бакгроунд на някой див и това да ми реши проблема, но ...
Искам като пиша вътре колкото и на доло да отива текста квадрата да се разшерява независимо колко интервала има на доло и колко долни редове мога да го направя като го сложа за бакгроунд и като го направя да не се повтар,но .... как да направя заоблените ъгли на доло да останат и бордера от страни ..... такаче да не си личи ...

 

[bgmaniaka]

{
text-indent: 30px;
font: normal normal normal 16px georgia, arial, verdana, sans-serif;
color: #999;
background: #fff;(тук сменяш да не е бял както съм го сложил а да е сив или какъвто цвят искаш)
border: 1px solid #999;
padding: 10px;
line-height: 30px;
word-spacing: 1px;
}

 

[xto]

bgmaniaka това за кой див и ? и по скоро как да ги подредя горе снимката да е режа ли или да е слагам като бакгроунд

 

[perer]

Това няма да реши проблема. И аз имамунужда от това, но какво ли не съм пробвал. Мисля, че ще стане с height: auto; или height: 100%; , но не знам. Пробвай.


Успех!

 

[Th3MaN]

Значи режеш картинката на 3 части една за от горе една за от долу и една по средата с тая от горе да е голяма колкото да хване заоблените ъгли тая от долу също а тая средната с височина 1 пиксел и го правиш така



<div id="top">
<div id="center"></div>
<div id="bottom"></div>
</div>

css

div#top { background: url(top.gif) no-repeat; width: razmera; height: viso4ina;}

div#center {background: url(center.gif); widht: shirochina;}

div#bottom {background: url(bottom.gif) no-repeat; width: razmera; height: viso4ina; }

--------------------------------------------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-Strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		
		<link type="text/css" rel="Stylesheet" href="css.css" media="screen" />
		
	</head>
	
	<body>


<div id="top"> </div>
<div id="center">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
<div id="bottom"> </div>

<style>

	</body>
</html>

css

div#top { background: url(top.gif) no-repeat; width: 203; height: 20;}

div#center {background: url(center.gif)repeat-y; width: 203;}

div#bottom {background: url(bottom.gif) no-repeat; width: 203; height: 32; }

 

[Th3MaN]

Е това ти е кода тва са картинките от долу малко гадно става щото се прецаква градиента така. Може да се направи и да не се прецаква ама ме мързи да го права ако искаш ще ти кажа как може да стане

 

[shterev]

Е това ти е кода тва са картинките от долу малко гадно става щото се прецаква градиента така. Може да се направи и да не се прецаква ама ме мързи да го права ако искаш ще ти кажа как може да стане

само ще добавя на горния див font-size:18px; или да добавяш това с 1 или 2 пиксела по малко , за да ти работи под ие6

 

[xto]

Е това ти е кода тва са картинките от долу малко гадно става щото се прецаква градиента така. Може да се направи и да не се прецаква ама ме мързи да го права ако искаш ще ти кажа как може да стане

моляте кажи това ми беше и въпроса от самото начало как да го нарпавя за да не се прецаква градиента и заоблените ръбове и бордера да се запазят