Pre rozšírenie polohovania elementov nie len do smerov osi X a Y slúži príkaz z-index, ktorý umožňuje nastaviť polohu elementu v smere osi Z. Os Z si môžeme predstaviť jednoducho, ako os ktorá pretína náš monitor v smere od našich očí. Čiže elementy sú akože bližšie k nám (pred monitorom) a ďalej od nás (za monitorom). Keď si povieme že obrazovka nášho monitora bude mať (viac…)
poloha
XHTML + CSS – 23 lekcia – position: fixed
Použitím CSS príkazu:
position: fixed;
dosiahneme na stránke úplné ukotvenie elementu na danej pozícii. Pozícia je fixne spätá s veľkosťou okna prehliadača. Pomocou CSS polohovacích príkazov top, right, bottom, left upravujeme polohu elementu v okne prehliadača. Veľkou výhodou (viac…)
XHTML + CSS – 22 lekcia – position: absolute
Spôsob absolútneho polohovania je možné nastaviť použitím CSS príkazu
position: absolute;
pri konkrétnom elemente. Spôsob vypočítavania polohy elementu sa oproti relatívnemu polohovaniu zásadne zmení. Zatiaľ čo pri relatívnom polohovaní bola poloha polohovaných elementov vypočítavaná automaticky, tak pri absolútnom polohovaní je to naopak. Užívateľ pri tomto type striktne definuje polohu elementu pomocou príkazov top, right, bottom a left. Takto polohované elementy majú kotviaci bod umiestnený (viac…)
XHTML + CSS – 21 lekcia – poloha relative
Polohovanie elementov na stránke je veľmi dôležitá vlastnosť. Pri polohovaní je dôležité uvedomiť si možnosti ktoré nám “2D” priestor internetovej stránky ponúka. Polohu elementov je možné meniť v osi x, smerom vľavo, vpravo, rovnako môžeme meniť polohu v smere osi y v smere hore a dole. Polohovanie do strán je možné upravovať pomocou príkazov: top, right, bottom, left.
Čo je ale potrebné uvedomiť si je schopnosť prekrytia elementov na stránke a tvorba takzvaných vrstiev, čo v úvodzovkách nazvaný priestor “2D” mení na priestor trojdimenzionálny “3D”, (viac…)