Interval.cz > Webdesign > CSS > Vlastnosti CSS3 pro vícesloupcový layout

Vlastnosti CSS3 pro vícesloupcový layout

03. 07. 2012 | Miroslav Kučera | CSS | Komentáře: 2

Většina webových designérů a koderů si jistě pamatuje na dobu ne tak moc vzdálenou, kdy se pro tvorbu vícesloupcových layoutů stránek používaly tabulky (prvek <table>), ve kterých byly vnořeny tabulky, ve kterých byly vnořeny další tabulky a tak dál. Fungovalo to perfektně. Pak přišly kaskádové styly, které tvorbu vícesloupcových layoutů značně usnadnili – v HTML kódu stačilo vytvořit pár prvků <div>, které se následně prostřednictvím CSS vlastností jako width, height, float, position atd. naformátovaly a napozicovaly podle záměru webdesignéra. Vývoj ale samozřejmě pokračoval, tvůrci HTML a CSS specifikace si konečně uvědomili, že specifikace tu má být především pro webdesignéry a ne naopak, takže v HTML5 a CSS3 přibyla spousta nových praktických značek a vlastností. Například pro vytváření sloupců pomocí CSS3 byly představeno několik speciálních vlastností jako column-count, column-width, column-fill atd. Článek CSS Columns z blogu Davida Walshe se věnuje právě těmto novým vlastnostem pro vytváření vícesloupcového layoutu. Popisuje význam jednotlivých vlastností a v příkladech demonstruje, jak je použít v praxi.

Zdroj: davidwalsh.name.

---

Další aktuální články na interval.cz

• Zpětné odkazy: jak je nikdy nezískávat
• Budování webu 100+1 na Drupalu: tipy a postřehy
• 7 tipů, které pochopí i laici, když migrujete stránky
• Zoner FOTOden "Dobrý fotograf může být každý"
• Pozvánka na (ne)konferenci Vyhledávače zboží 2013

Tematicky související články

• CSS tip: plovoucí layout se stejnou výškou sloupců
• CSS3: jak se vyhnout nejčastějším chybám při psaní?
• Budoucnost CSS: experimentální vlastnosti CSSS
• Třísloupcový layout webu pomocí CSS
• CSS3 - formátování dokumentu pro různá zařízení

Dejte vědět i ostatním o článku

Komentáře ke článku

Přidat nový komentář

Zpět na začátek komentářů | Zpět na začátek článku