Lucrul cu stilurile pentru poziţie

Lucrul cu stilurile pentru poziţie

             Acum, după ce ai stabilit structura şi aranjamentul casetei tale, ultimul lucru

asupra căruia trebuie să te decizi este locul unde s-o plasezi in pagină. Acesta poate părea un lucru ciudat. La urma urmelor, elementele precum paragrafele şi I anteturile nu se aşază întotdeauna exact acolo unde le plasezi în pagină? în HTML-ui obişnuit aşa se întâmplă, dar foile de stiluri, aşa cum ai remarcat adesea. îţi oferă o flexibilitate mult mai mare.

Prima ta sarcină este să te decizi cum vrei să fie poziţionat elementul Acest lucru este determinat prin proprietatea position (poziţie), denumire suficient de adecvată, care poate lua oricare dintre următoarele trei valori:

♦             position: absolute Când foloseşti această valoare iţi poţi îngrămădi elementul oriunde doreşti in pagină. De exemplu, poţi spune browser-ului să afişeze un antet la 100 de pixeli depărtare de marginea din stânga şl 50 de pixeli de marginea superioară.

♦             position: relative Această valoare poziţionează mai întâi elementul tn raport cu locul în care ar fi apărut în mod normal în HTML-uI obişnuit, apoi deplasează elementul tn plan orizontal şi vertical, potrivii valorilor pe care le specifici.

♦             position. static Această valoare poziţionează elementul în locul tn care ar fi apărut tn mod normal tn HTML

Dacă te decizi să setezi pozi ţia la valorile absolute sau refative, atunci va trebui să specifici după aceea poziţia exactă pe care o doreşti Pentru aceasta ai nevoie de câteva sau toate dintre următoarele patru proprietăţi:

♦     top Poziţia elementului faţă de marginea superioară a ferestrei browser-
ului (dacă foloseşti position: absolute) sau sub poziţia naturală a
elementului în pagină (daca foloseşti position: relative);

Poziţia elementului faţă de marginea din dreapta a ferestrei browser-ului, dacă foloseşti position: absolute. De notat că această valoare nu are nici un efect dacă foloseşti position: relative.

♦     bottom Poziţia elementului faţă de marginea inferioară a ferestrei
browser-ului, dacă foloseşti position: absolute. Această valoare nu are
nici un efect dacă foloseşti position: relative.

1 comentariu

Comentarii RSS URI identificator TrackBack