Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Tło - jak ostylować
pietrov8
post 28.05.2011, 15:53:41
Post #1





Grupa: Zarejestrowani
Postów: 188
Pomógł: 1
Dołączył: 4.07.2009
Skąd: ...

Ostrzeżenie: (10%)
X----


Witam.

Mam oto takie tło bo jednego z moich boksów:




Teraz zastanawiam się jak go pociąć i ostylować by mógł rozciągać się tylko w dół. Szerokość zostaje bez zmian tylko wysokość ulega zmianie względem zawieranego tekstu.

Czy taki wygląd ma sens??

Kod
<div>
<div class='top'></div>
<div class='content'>Treść boxu</div>
<div class='bottom'></div>
</div>
Go to the top of the page
+Quote Post
mat-bi
post 28.05.2011, 16:39:09
Post #2





Grupa: Zarejestrowani
Postów: 690
Pomógł: 92
Dołączył: 6.02.2011

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


  1. .cos {
  2. background-repeat: repeat-y;
  3. }
Go to the top of the page
+Quote Post
konole
post 28.05.2011, 17:36:01
Post #3





Grupa: Zarejestrowani
Postów: 275
Pomógł: 32
Dołączył: 21.03.2006
Skąd: Warszawa

Ostrzeżenie: (20%)
X----


mat-bi, czytaj ze zrozumieniem...

Potnij to na górną część i dolną, a potem
Kod
<div class="box">
<div class="box-top">Tekst
</div></div>



CSS
Kod
.box {
background-image: #FFF url('bottom.png') no-repeat bottom;
min-height: xxx; /* Żeby się na siebie nie złożyło tło górne i dolne - przyjmij po prostu wysokość bottom.png + top.png */
}
.box-top {
background-image: url('top.png') no-repeat top;
}
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 6.07.2025 - 16:54