Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][xhtml] nałożenie 2-ch div 'ów na siebie
Forum PHP.pl > Forum > Przedszkole
VersQ.
Witam chce uzyskać taki efekt:

http://img151.imageshack.us/my.php?image=postlw9.jpg


Powiedzcie mi jak zrobić żeby ten div z trójkątem naszedł na 2-gi div z tekstem który jest pod tym z trójkątem.
tczi
Użyj w stylach:

left: x px;
top: y px;
z-index: n;

z-index oznacza kolejność na stosie.
VersQ.
Ale w css to używać? I mniej więcej jak to wygląda?
bartolomeo
Można jeszcze to zrobić bez użycia z-index. Po prostu zagnieździć diva w divie. Przykład gdy obrazek masz o rozmiarach 250px na 200px;


style.css :

Kod
div#obrazek_spod {
 width:250px;
 height:200px;
 background-image:url(sciezka_obrazka_na_spod);
 background-repeat:no-repeat;
}

div#obrazek_spod div.obrazek.gora {
 width:takie jak wielkosc obrazka;
 height:takie jak wielkosc obrazka;
 background-image:url(sciezka_obrazka_na_gore);
 background-repeat:no-repeat;
}


plik.html

Kod
<div id="obrazek_spod"><div class="obrazek_gora"> jesli chcesz to tez tutaj mozesz umiescic obrazek </div></div>
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.