| Autor |
Mesaj |
s1zE
CreaToR
Data inscrierii: 27/Oct/2007
Mesaje: 453
Localitate: Giurgiu |
|
 Pozitionarea obiectelor - CSS |
 |
Poziþionarea permite 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ã riguros în locaþia datã de left ºi top. Astfel poate fi făcut un element deschis faþã de celelalte din paginã. Obiectul poate fi orice, de exemplu text sau imagine.
Exemplu: am aplicat pozitionarea absolutã etichetei h4:
Code:
<html>
<head>
<title>Exemplu 8_1</title>
</head>
<body>
<h4 style="position: absolute; left: 50px; top: 50px">Text 1</h4>
<h4 style="position: absolute; left: 100px; top: 200px">Text 2</h4>
</body>
</html>
Poziþionarea relativã este poziþia normalã pe care o ocupã un element, dupã elementele anterioare ºi anterior celor urmãtoare. Poate fi deplasat faþã de aceastã poziþie folosind proprietãþile left ºi top.
Exemplu: am utilizat douã obiecte unul poziþionat perfect celalalt relativ:
Code:
<html>
<head>
<title>Exemplu 8_2</title>
<style type="text/css">
<!--
.absolut {position: absolute; left: 200px; top: 150px;}
.relativ {position: relative; left: 50px; top: 50px;}
-
</style>
</head>
<body>
<div class="absolut">Pozitionare absoluta, independent de celelate obiecte din pagina</div>
Text
<div class="relativ">Pozitionare relativa, dupa "Text"</div>
</body>
</html>
________________________________________________-
www.ZoOnE.myForum.ro
|
|
| 01/12/2007 02:03 |
  |
 |
|
|
Nu puteti crea un subiect nou in acest forum
Nu puteti raspunde in subiectele acestui forum
Nu puteti modifica mesajele proprii din acest forum
Nu puteti sterge mesajele proprii din acest forum
Nu puteti vota in chestionarele din acest forum
|
Powered by phpBB © 2001, 2005 phpBB Group
Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro
|
|
![Pagina de start a forumului [R0]-MaRy.Cs-16.NeT-[GR]](templates/AcidTech/images/logo_mid.gif){kind=logo}
