Mortal
Administrator
Data inscrierii: 08/Apr/2008
Mesaje: 257
|
 Trimis: 09/04/2008 17:52 Titlul subiectului: Pozitionarea obiectelor - CSS |
 |
|
Poziþionarea îngăduie aºezarea unui obiect într-un anume loc folosind coordonatele. Totodatã obiectele pot fi poziþionate pe straturi diferite, unul deasupra celuilalt.
Atât poziþionarea absolutã (ASOLUTE) cât ºi cea relativã (RELATIVE) folosesc proprietãþile LEFT ºi TOP exprimate în px (pixeli), in (inci), pt (puncte), ems, procentaje sau cm (centimetri).
Poziþionarea absolutã plaseazã obiectul în paginã întocmai în locaþia datã de left ºi top. Astfel poate fi construit un element liber faþã de celelalte din paginã. Obiectul poate fi orice, de exemplu text sau imagine.
Exemplu: am așezat pozitionarea absolutã etichetei h4:
| Cod: | <html>
<head>
<title>Exemplu 8_1</title>
</head>
<body>
<h4>Text 1</h4>
<h4>Text 2</h4>
</body>
</html> |
Poziþionarea relativã este poziþia normalã pe care o ocupã un element, dupã elementele anterioare ºi premergător celor urmãtoare. Poate fi deplasat faþã de aceastã poziþie folosind proprietãþile left ºi top.
Exemplu: am întrebuințat douã obiecte unul poziþionat absolut celalalt relativ:
| Cod: | <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> |
|
|
