Pozycjonowanie elementów

KURS CSS                   KURS HTML

Pozycjonowanie pozwala na precyzyjne usytuowanie elementu na stronie. Służy do tego do tego właściwość position która może mieć dwie wartości relative lub absolute. W języku polskim mówimy o pozycjonowaniu względnym(relative) i bezwzględnym(absolute).

Pozycjonowanie bezwzględne, absolute, pozwala na określanie połenia względem okna przegladarki lub elementu nadrzędnego. Wykorzystujemy do tego właściwości: left, right, top, bottom, którym przypisujemy odpowiednie wartości w pikselach lub innej rozpoznawanej przez CSS jednostce. np:

selektor{
left:20px;
right:300px;
top:100px;
bottom:120px;
}

W praktyce stosuje się max dwie właściwości np.: (left,top), (right,top) itd.
Pozycjonowanemu elementowi dobrze jest nadać id i potem indywidualnie go pozycjonować. Punktem zerowym jest lewy górny róg okna lub elementu nadrzędnego.

z-index pozwala na zmiane kolejności nakładania elementów. Wartość może być w zakresie 1-100, im wyższa wartość

Jakub B.