Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] przesuniecie tla
trucksweb
post
Post #1





Grupa: Zarejestrowani
Postów: 1 199
Pomógł: 31
Dołączył: 22.03.2004
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


sa takie oto kody:
  1. #main {
  2. overflow: hidden;
  3. width: 980px;
  4. margin-top: 22px;
  5. display: table;
  6. }
  7.  
  8. .left, .right, .line {
  9. text-align: left;
  10. vertical-align: top;
  11. padding-top: 40px;
  12. display: table-cell;
  13. }
  14. .left {
  15. width: 264px;
  16.  
  17. }
  18. .right {
  19. width: 696px;
  20. padding-left: 10px;
  21. background: url(../images/bg.jpg) repeat-y;
  22.  
  23. }
  24. .line {
  25. background: url(../images/menu_s.jpg) 0px 5px repeat-y;
  26. width:2px;
  27. }


ktore styluja takie cos:

  1. <div id="main">
  2. <div class="left">tresc</div>
  3. <div class="line"></div>
  4. <div class="right">tresc</div>
  5. </div>


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
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Zajec
post
Post #2





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

Ostrzeżenie: (0%)
-----


Cytat(JoShiMa @ 19.06.2008, 15:42:16 ) *
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ę?


Cytat(Kreton @ 19.06.2008, 17:07:25 ) *
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?
Go to the top of the page
+Quote Post

Posty w temacie
- trucksweb   [css] przesuniecie tla   19.06.2008, 14:39:21
- - JoShiMa   margin-top: 10px   19.06.2008, 14:42:16
- - trucksweb   nie dziala ;P   19.06.2008, 14:43:41
- - Kreton   Kodbackground-position: x y; Podstaw sobie x ...   19.06.2008, 16:07:25
- - trucksweb   no przeciez dalem [HTML] pobierz, plaintext backgr...   19.06.2008, 16:40:37
- - Zajec   Cytat(JoShiMa @ 19.06.2008, 15:42:16 ...   19.06.2008, 16:45:03
- - trucksweb   dzieki Zajec, jest tak jak opisales. Jak pisalem w...   19.06.2008, 18:53:53


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 2.10.2025 - 17:45