Pozitionare

ClaUdiu · Incepator Data inscrierii: 19/Noi/2007 Mesaje: 83

Pozitionarea îngăduie asezarea unui obiect intr-un anume loc întrebuințând coordonatele. Totodata obiectele pot fi pozitionate pe straturi diferite, unul deasupra celuilalt.

Atat pozitionarea absoluta (ASOLUTE) cat si cea relativa (RELATIVE) folosesc proprietatile LEFT si TOP exprimate in px (pixeli), in (inci), pt (puncte), ems, procentaje sau cm (centimetri).

8.1 Pozitionare absoluta plaseaza obiectul in pagina întocmai in locatia data de left si top. Astfel poate fi produs un element liber fata de celelalte din pagina. Obiectul poate fi orice, de exemplu text sau imagine.

bpsBmgnWkuMtb]/exemplu8_1.html">Exemplu: am așezat pozitionarea absoluta etichetei h4
<html>
<head>
<title>Exemplu 8_1</title>
</head>
<body>
<h4>Text 1</h4>
<h4>Text 2</h4>
</body>
</html>

8.2 Pozitionare relativa este pozitia normala pe care o ocupa un element, dupa elementele anterioare si inaintea celor urmatoare. Poate fi deplasat fata de aceasta pozitie folosind proprietatile left si top.

Exemplu: am întrebuințat doua obiecte unul pozitionat perfect celalalt relativ
<html>
<head>
<title>Exemplu 8_2</title>
<style>
<absolut>
</style>
</head>
<body>
<div>Pozitionare absoluta, independent de celelate obiecte din pagina</div>
Text
<div>Pozitionare relativa, dupa "Text"</div>
</body>
</html>

8.3 Pozitionarea tridimensionala
Elementele sunt pozitionate pe ecran pe o suprafata bidimensionala dar pot fi asezate si unul deasupra celuilalt, intr-o stiva utilizand un indicativ (index-z) incepand cu 0, urmatorul 1 si tot asa in continuare. Elementul cu indexul cel mai mare este asezat deasupra.

Exemplu: am folosit doua obiecte unul pozitionat absolut celalalt relativ
<html>
<head>
<title>Exemplu 8_3</title>
<style>
<element1>
</style>
</head>
<body>
<div><img src="poza.jpg"></div>
<div><img src="poza.jpg"></div>
<div><img src="poza.jpg"></div>
</body>
</html>

(c) apt-gaming