top

Pozitionarea obiectelor - CSS

 
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului CoZmA -> Tutoriale CSS
Autor Mesaj
TripleH
Administrator
Administrator
TripleH

Data inscrierii: 23/Sep/2007
Mesaje: 2565

MesajTrimis: 03/12/2007 20:42    Titlul subiectului: Pozitionarea obiectelor - CSS Raspunde cu citat (quote)

Poziþionarea îngăduie aºezarea unui obiect într-un anume loc utilizâ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ã exact în locaþia datã de left ºi top. Astfel poate fi creat un element deschis 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 înaintea 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>

_________________
Pozitionarea obiectelor - CSS Pozitionarea obiectelor - CSS
Sus
Vezi profilul utilizatorului Trimite mesaj privat
Afiseaza mesajele pentru a le previzualiza:    Subiectul anterior : Subiectul urmator  
Creaza un subiect nou   Raspunde la subiect    Pagina de start a forumului CoZmA -> Tutoriale CSS Ora este GMT + 2 ore
Pagina 1 din 1

 
Mergi direct la:  
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

Fa-ti si tu propriul forum GRATUIT, pe www.myforum.ro