Dnes je Přidat k oblíbeným
Relativní pozicování v CSS
Relativní pozicování určuje o kolik se objekt posune oproti své obvyklé pozici. Syntaxe je stejná jako u absolutního pozicování- selektor {position: relative; top: 10px; left: 20px; z-index: 1}. Okolní text se formátuje bez ohledu na pozici objektu. To znamená, že tam, kde by posouvaný objekt byl normálně, zůstáne prázdné místo. Při relativním pozicování tak blok není vyjmut z toku dokumentu. Relativní pozicování se používá nejčastěji v rozvržení (layoutu) stránky nebo ve složitých konstrukcích např. v menu.
Příklad <span style="position: relative; top: 10px; left: 15px; z-index: 2">relativního</span> pozicování
Příklad relativního pozicování
Jak se dělá web?
Jazyk HTML
Kompletní přehled HTML tagů
CSS kaskádové styly
Úvod do CSS
Zápis CSS a propojení s HTML
Selektory
Výstupní zařízení
Dědičnost a kaskáda
Typy prvků v CSS
Kompletní přehled CSS vlastností
Rozdílný vzhled v prohlížečích
Délkové jednotky v CSS
Ořezávání a posun
Obtékání
Absolutní pozicování v CSS
Relativní pozicování v CSS
Layout absolutním pozicováním
Layout relativním pozicováním
Pokročilý layout - tzv. Svatý grál
Rady a tipy
Užitečné nástroje
Problém? Poradíme!
Reference a odkazy
O autorovi