[css] przesuniecie tla Opcje

[trucksweb]

sa takie oto kody:

[HTML] pobierz, plaintext 
#main {
overflow: hidden;
 width: 980px;
 margin-top: 22px;
 display: table;
}
 
.left, .right, .line {
text-align: left;
vertical-align: top;
padding-top: 40px;
display: table-cell;
}
.left {
width: 264px;
 
}
.right {
width: 696px;
padding-left: 10px;
	background: url(../images/bg.jpg) repeat-y;
 
}
.line {
background: url(../images/menu_s.jpg) 0px 5px repeat-y;
width:2px;
}
[HTML] pobierz, plaintext 

ktore styluja takie cos:

[HTML] pobierz, plaintext 
<div id="main">
		<div class="left">tresc</div>
		<div class="line"></div>
		<div class="right">tresc</div>
	</div>
[HTML] pobierz, plaintext 

zadaniem diva "line" jest rysowanie pionowej linii w zaleznosci od wysokosci (najwyzszej) pozostalych dwoch divow.
Czy da sie aby tlo, ktore laduje do diva line przesunac o 10px w dol, zeby nie zaczynalo sie od samej gory ? Tak jak zrobilem teraz, nie dziala .

Ten post edytował trucksweb 19.06.2008, 14:39:57

[JoShiMa]

margin-top: 10px

Ten post edytował JoShiMa 19.06.2008, 14:42:26

[trucksweb]

nie dziala ;P

[Kreton]

Kod

background-position: x y;

Podstaw sobie x i y jak chcesz.

[trucksweb]

no przeciez dalem

[HTML] pobierz, plaintext 
background: url(../images/menu_s.jpg) 0px 5px repeat-y;
[HTML] pobierz, plaintext 

wszystko by dziaalalo gdyby nie bylo: display: table i display: table-cell;

Ale spoko, juz sobie poradzilem- dalem drugiego diva z pozycja abslolute i dziala

[Zajec]

margin-top: 10px

Chyba nie zadziała, bo te divy są zrobione jako komórki tabeli. Z tego względu chyba mogą zignorować margines. trucksweb: próbowałeś tego margin-top dla .line, zgadza się?

Kod

background-position: x y;

Podstaw sobie x i y jak chcesz.

Ta linia ma się powtarzać w pionie poza pierwszymi 10px od góry. Przesunięcie nie pomoże, bo ponad początkiem też będzie się obrazek powtarzał.


trucksweb: nie wiem jak wygląda u Ciebie tło tych divów, możesz dasz radę do .line wrzucić jeszcze jeden div (o wysokości konkretnie 10px i display block), który zakryje górny fragment linii? Czy tło na to nie pozwoli?

[trucksweb]

dzieki Zajec, jest tak jak opisales. Jak pisalem wczesniej, dalem drugiego diva nad tym divem w tlem i jest ok (zaslania mi kawalek tla innym tlem).
innego rozwiazania nie znalazlem.