FaNkY
Admin
Data inscrierii: 26/Mar/2007
Mesaje: 2259
Localitate: De_Dust2
|
 Trimis: 09/11/2007 14:35 Titlul subiectului: Pozitionarea obiectelor - CSS |
 |
|
Poziþionarea permite 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 creat un element gratuit 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 întrebuințând proprietãþile left ºi top.
Exemplu: am folosit douã obiecte unul poziþionat perfect 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> |
_________________
 |
|
