Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html][css] 3 różna tła w jednym divia
sweter
post
Post #1





Grupa: Zarejestrowani
Postów: 623
Pomógł: 11
Dołączył: 1.01.2009
Skąd: Wrocław

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


Witam,
chciałbym w 1 divie zrobić taki układ teł jak w załącznku.
(IMG:http://wstaw.org/m/2010/05/10/Bez_nazwy.png)
Przy czym:
div 1. ma stałą wysokość (przylega do górnej krawędzi)
div 2. ma zmienną wysokość
div 3 ma stałą wysokość (przylega do dolnej krawędzi)

Da się tak zrobić za pomocą 1 div'a??

Pozdrawiam

Ten post edytował sweter 10.05.2010, 10:19:53
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
varez
post
Post #2





Grupa: Zarejestrowani
Postów: 275
Pomógł: 32
Dołączył: 17.06.2007

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


jak chcesz 3 grafiiki to budujesz 3 divy:

  1. <div id="div1">
  2. <div id="div2">
  3. <div id="div3">
  4. tresc
  5. </div>
  6. </div>
  7. </div>

  1. #div1 {
  2. background: url('obr1.png') top center repeat-x; /* bądź no-repeat */
  3. }
  4. #div2 {
  5. background: url('obr2.png') bottom center repeat-x; /* bądź no-repeat */
  6. }
  7. #div3 {
  8. background: url('obr3.png') center center repeat;
  9. min-height: 200px; /* zamiast 200px ma byc wysokosc grafiki górnej i dolnej */
  10. }


i niech te dwa pierwsze obrazki mają taki "gradient przeźroczystości" zeby sie tło powtarzające mogło wkomponować w to na górze i na dole..

Ten post edytował varez 10.05.2010, 12:23:34
Go to the top of the page
+Quote Post

Posty w temacie


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: 15.10.2025 - 22:20