Малко помощ при repeat

[aquafresh]

Значи проблема ми е следния.
Когато текста се окаже по-дълъг - между 2-те картинки остава разстояние. АКо е много къс - тогава се наслагват
пробвах с repeat-y, repeat-x, inherit и no-repeat ,no нищо не помогна. Значи картинките по принцип не трябва да се разтягат..
Ето го цсс-а. Въпросния текст е в sstop_head

#sstop_head {
	background-image: url(images/sstop_head.gif);
	background-repeat: no-repeat;
	height:198px;
	width: 550px;
	margin: 0 auto;
	padding: 90 0 0 30px;
}

#sstop_banner {
	background-image: url(images/sstop_baner.gif);
	background-repeat: no-repeat;
	width:550px;
	height:357px;
	margin: 52 30 30 -30px;
	padding: 286 0 0 41px;
}
#sstop_footer {
	background-image: url(images/sstop_footer.gif);
	background-repeat: no-repeat;
	width:550px;
	height:45px;
	margin: -316 30 30 -30px;
	padding: 9 9 9 15px;
}

 

[purko]

Може ли да дадеш демо да видим кое точно се обърква?

 

[aquafresh]

http://prikachi.com/files/939367d.jpg

 

[purko]

#sstop_head {
background-image: url(images/sstop_head.gif) repeat-y;
height:198px;
width: 550px;
margin: 0 auto;
padding: 90 0 0 30px;
}

#sstop_banner {
background-image: url(images/sstop_baner.gif);
background-repeat: no-repeat;
width:550px;
height:357px;
margin: 52 30 30 -30px;
padding: 286 0 0 41px;
}
#sstop_footer {
background-image: url(images/sstop_footer.gif);
background-repeat: no-repeat;
width:550px;
height:45px;
margin: -316 30 30 -30px;
padding: 9 9 9 15px;
}

:roll: :roll:

 

[aquafresh]

мм нещо това сстоп_хеад не излиза.. картинката..
ПС: ама пак е така

 

[devent]

#sstop_head {
   background-image: url(images/sstop_head.gif);
   background-repeat: no-repeat;
   height:198px;
   width: 550px;
   margin: 0 auto;
   padding: 90 0 0 30px;
   min-height: 150px;
   max-height: 350px;
}

 

[aquafresh]

никва разлика :idea:

 

[embaka]

#sstop_head {
   background: url(images/sstop_head.gif) repeat-y;
   height:198px;
   width: 550px;
   margin: 0 auto;
   padding: 90 0 0 30px;
   min-height: 150px;
   max-height: 350px;
}

 

[shterev]

#sstop_head {
background-image: url(images/sstop_head.gif);
background-repeat: no-repeat;
height:108px;
width: 550px;
margin: 0 auto;
padding: 90px 0 0 30px;
}

Я го пробвай така!

 

[aquafresh]

shterev не става.. embaka, това ми започва пак най-горе..
http://prikachi.com/files/943421W.jpg

 

[shterev]

#sstop_head {
background-image: url(images/sstop_head.gif);
background-repeat: no-repeat;
height:108px;
overflow:hidden;
width: 550px;
margin: 0 auto;
padding: 90px 0 0 30px;
}

 

[aquafresh]

така ми скри всичко останало и ми остави само тва с текса..

 

[shterev]

е добре, я качи си картинакта тука да я видим ко представлява?

 

[aquafresh]

http://prikachi.com/files/943946z.gif

Еми това е картинката..

 

[shterev]

Сега ,точно тоя код е правилен!

#sstop_head {
background-image: url(images/sstop_head.gif);
background-repeat: no-repeat;
height:108px;
width: 550px;
margin: 0 auto;
padding: 90px 0 0 30px;
}

Но като сложиш owerflow:hidden; и щом казваш че се крие текста, значи в хтмл-то нещо не е наред. Дай го? Картинакта е точно 198 висока, когато слагаш падинг от горе(padding-top) се вади толкова от височината, както е точно сега в кода. Та дай хтмл кода?

 

[aquafresh]

<div id='sstop_head'>
<span style='font-size:14px; font-weight: bold;'>Информация</span><br><br>
$row[text] <br>
<div id='sstop_center'></div>
<div id='sstop_banner'>
"; include "banners/index.php"; echo"
</div>
<div id='sstop_footer'>footer</div>
</div>

 

[godo]

Всичко би трябвало да се оправи ако си поиграеш малко с margin / padding.

Гледам си задал margin на 0 и на auto, пробвай да ги настроиш с съответни размери.
Примерно: margin-top: 50 margin-right 50 margin-bottom: 100 margin-left:200
Ти вече си настройваш стойностите, като гледаш как застават ( как се позиционират ) от браузара ти...

Ако желаеш качи всички файлове някъде и ми пиши и ще гледам да ти помогна.

 

[aquafresh]

е това няма нищо общо.. колкото и да ги променям то се мести цялата картинка.
Пък и няма как да го центрирам при всички резолюции по този начин..

 

[godo]

е това няма нищо общо.. колкото и да ги променям то се мести цялата картинка.
Пък и няма как да го центрирам при всички резолюции по този начин..

А ти кое искаш да преместиш.
Явно не съм разбрал въпроса ти

 

[shterev]

А на мен проблема ми се струва ,че не си съобразил колко информация ще има там. И тези картинки не се правят така. Тези <br/><br/> за какво са ти? От там идва едно увеличаване на разстоянието, което не можеш да коригираш. Този спан ако го направиш така:

<span style='font-size:14px; font-weight: bold; dispaly:block; padding-bottom:10px;'>Информация</span>

Ще можеш мн по точно да настроиш разстоянието под него.

Тук е същата работа: $row[text] <br> - тоя <br> за какво ти е, като след него елемента е : <div> , а дива е блоков елемент и си пада на нов ред, ако не е флоатнат(float:left

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