P°φklad pozicovßnφ

Sloupce na tΘto strßnce jsou postaveny pomocφ CSS pozicovßnφ. Dß se to ud∞lat i tabulkami, ale ty majφ nev²hodu, ╛e se pomalu zobrazujφ. Oddφly pozicovanΘ pomocφ CSS se na rozdφl od tabulek zobrazujφ hned, jak se naΦφtajφ.

Dal╣φ perfektnφ v∞cφ je mo╛nost naΦφtßnφ vlastnφho obsahu (tohoto textu) jako prvnφho. Teprve a╛ se naΦte vnit°ek prost°ednφho sloupce s d∙le╛it²m obsahem, zaΦne se naΦφtat grafickß hlaviΦka a lev² sloupec s odkazy.

Toto je pouze nedokonalß ukßzka toho, co lze s pozicovßnφm vykouzlit. Pro praktickΘ pou╛itφ je pot°eba lΘpe ji odladit podle aktußlnφch pot°eb.

Popis stavby a HTML syntaxe je v textu o sloupcφch pomocφ pozicovßnφ. Pro detailnφ pochopenφ p°φkladu si zobrazte zdroj.

Toto je patka.

HlaviΦka s libovoln²m obsahem

Pro Nestcape je dobrΘ mφt v²╣ku obsahu p°ibli╛n∞ stejnou jako v²╣ka objektu, aby vykreslil pozadφ.

 

Lev² sloupec

Zde se obvykle vyskytuje hodn∞ odkaz∙

Jak postavit tuhle strßnku

Gawain

Yuh∙

RΘbusy

Nadpis jinou barvou

Prav² sloupec

Zde obvykle b²vajφ jinΘ odkazy.

Odkaz

odkaz

odkaz

odkaz

odkaz

odkaz jinam

Objekt ilustrujφcφ mo╛nosti p°ekr²vßnφ