Forum PHP.pl > Tło - jak ostylować

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

pietrov8

28.05.2011, 15:53:41

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>

mat-bi

28.05.2011, 16:39:09

[CSS] pobierz, plaintext 
.cos {
background-repeat: repeat-y;
}
[CSS] pobierz, plaintext

konole

28.05.2011, 17:36:01

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;
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.