Elementy pozycjonowania














Pozycja w stosie

Możemy regulować pionową pozycję w stosie nałożonych na siebie elementów (tzw. z-order). Służy do tego polecenie z-index: n.


<div style="position: relative; z-index: 1">
<img src="ami.gif" width=80 height=114 border=0 alt=" ">
</div>
<div style="position: relative; top: -84px; left: 30px; z-index: 3">
<img src="enter.gif" width=80 height=114 border=0 alt=" ">
</div>
<div style="position: relative; top: -168px; left: 60px; z-index: 2">
<img src="pcq.gif" width=80 height=114 border=0 alt=" ">
</div>


Obrazki są układane w kolejności od z-index: 1 (na spodzie) do z-index: 3 (na wierzchu).





Analogicznie, w przypadku tekstu:

<div style="position:relative; z-index: 2"><font size="+4" color="#FF0000">To jest jakiś tam tekst</font></div>
<div style="position:relative; left:200px; top: -40px; z-index: 1"><font size="+5" color="#000000">To jest inny tekst</font></div>

To jest jakiś tam tekst
To jest inny tekst