малко проблемче с бекграунда на клас

[embaka]

това ми представляват div-вете

<div id="general">
	<div id="header"></div>
    <div id="search"></div>
    <div id="top">
        <div class="top_bg"></div>
    	<div id="top_banner"></div>
    <div id="left">
    	<div id="menu"></div>
        <div id="meteo"></div>
        <div id="pool"></div>
    </div>
    <div id="right">
    	<div id="right_banner"></div>   
        <div id="facebook"></div> 	
    </div>
    <div class="clear"></div>
    </div>
	<div id="footer"></div>
</div>

а това ми е са класовете, но не мога да наместя бекграунда в top_bg класа да се повтаря по y, но и да е под всички други картинки и да не измества другите div-ве

/* CSS Document */
*{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-decoration: none;
	border: none;
}

body{ 
	font: 12px Verdana;
	color: #2f2f2f;
	background:url(images/bg.gif);
}

#general {
	width:900px;
	position: relative;
	left: 50%;
	margin-left: -450px;
}

#header {
	background:url(images/header.jpg) no-repeat;
	width:656px;
	height:141px;
	margin-left:154px;
}

#search {
	background:url(images/seach.jpg) no-repeat;
	width:872px;
	height:33px;
}

#menu {
	background:url(images/menu.jpg) no-repeat;
	width:154px;
	height:325px;
	margin-top:0px;
	padding-top:0px;
}

#top {
	width:809px;
}

.top_bg {
	background:url(images/top_bg.jpg) repeat-y;
	width:655px;
	margin-left:154px;
}

#top_banner {
	background:url(images/top_banner.jpg) no-repeat;
	width:655px;
	height:187px;
	margin-left:154px;
	position:absolute;
}

#left {
	width:212px;
	float:left;
}
#right {
	width:210px;
	float:right;
}

.clear { clear:both; }

#right_banner {
	background:url(images/right_banner_src.jpg) no-repeat;
	width:275px;
	height:291px;
	margin-top:187px;
	margin-left:9px;
}
#facebook {
	background:url(images/facebook_src.jpg) no-repeat;
	width:264px;
	height:257px;
	margin-left:9px;
}

#meteo {
	background:url(images/meteo.jpg) no-repeat;
	width:212px;
	height:200px;
}

#pool {
	background:url(images/pool.jpg) no-repeat;
	width:212px;
	height:203px;
}
#footer {
	background:url(images/footer.jpg) no-repeat;
	width:656px;
	height:34px;
	margin-left:153px;
}

ето и това което се получава

 

[shterev]

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

 

[embaka]

момент сега ще го кача. на този адрес е!

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

.top_bg {
background:url(images/top_bg.jpg) repeat-y;
width:655px;
margin-left:154px;
}

 

[shterev]

Това ли се мъчиш да направиш?

 

[appmaster]

/ОФФ

Извинявам се за офтопика, но дизайна ти ли си го правил?
Защото имам един въпрос за извивките.

 

[embaka]

Това ли се мъчиш да направиш?

да, точно това се опитвам да направя, но не да се използва цвят, а бекграунд, защото са различни цветовете в ляво и дясно

 

[shterev]

просто сложих на топ бекграунда , който се мъчиш да сложиш на топ_бг

#top {
background:transparent url(images/top_bg.jpg) repeat-y scroll 0 0;
width:809px;
}

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

 

[embaka]

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


идеята на оня top_bg е да измести самата картинка надясно, за да се напаснат цветовете, където е бялото поле и да не излиза най-отдолу в ляво ако има удължаване на целия сайт

 

[shterev]

ами в такъв случай ти е грешна структурата на хтмл. Напраеи си 3 колони и на средната дай да е бялото.

 

[embaka]

ама не искам да е с таблици, ако е с див като добавям елементи се добавят едно под друго, вариянта е с float:left на всички div-ве или как точно да го докарам.

преди малко гледах един дизайн, който е разделен на 3 с div-ве, ама не ми стана ясно как са центрирали всичко в нея

 

[shterev]

Ам,да съм казал таблици? Аз го виждам с три колони с флоатинг естествено. Ако тези блокове от ляво влизат малко в средната можеш да си изместиш с посишън да са над средната колона.