beckham
Administrator
Data inscrierii: 28/Noi/2007
Mesaje: 124
|
 Trimis: 30/11/2007 21:33 Titlul subiectului: Pozitionarea obiectelor - CSS |
 |
|
Poziþionarea îngăduie aºezarea unui obiect într-un anume loc întrebuințând 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 produs un element neîngrădit faþã de celelalte din paginã. Obiectul poate fi orice, de exemplu text sau imagine.
Exemplu: am fixat 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 folosit 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> |
|
|
