Vlákno názorů k článku
Současnost a budoucnost layoutů: CSS tabulky

Tohle je vážně úlet :-) Core kodéři nejprve zavrhnou tabulky pro tvorbu layoutu a nahradí je naprosto nepraktickým CSS layoutem, aby po čase vymysleli tabulky v CSS pro snadnou tvorbu layoutu. No mě trefí...

mate k dispozici technologii (html, css, client-side scripting), _muzete_ ji pouzit. nemusite.
nelibi se Vam css. nepouzivejte. vidite v html tables vyhody, pouzivejte.

pri zavrhovani css si vzpomente, jak byste pred vznikem <div> / <layer> / css "zaridil" drag-n-drop.

Ani nie úlet. CSS tabulky, ak to tak mozeme nazvat. Radsej pre tych ortodoxnych to nazvime CSS layout s funkcionalitou tabuliek, aby nas neupalili :)
A teraz k tomu problemu. Na tychto moznostiach CSS sa netreba pozerat kriticky. Naozaj vo vela veciach usetria kopec prace a treba si uvedomit, ze naozaj kopec veci riesia. Neviem si predstavit inu situaciu, kde sa daju vyuzit. Zaroven nechapem tie vykriky zastancov "beztabulkoveho" layoutu. HTML tabulky a CSS tabulky su uplne odlisne veci aj ked riesia veci dost podobne. Zaroven ak si clovek uvedomi, ze struktura dokumentu sa nemeni (ci uz pouzije moznost obtekania alebo tabuliek), tak je tato technika naozaj najlepsim riesenim na terajsiu situaciu.

Podobny princip je vyuzitie display: inline-block vo vodorovnom navigacnom menu (ak chceme odkazy ako blokove tlacidla). Malo ludi ho vyuziva a pritom to je riesenie presne na to urcene.

Nemusi ta trafit :) Len sa na danu problematiku pozrel niekto, kto "neurcuje" vyvoj webu.

+1

Mistra Záhoně rozhodně nepovažuji za nějakého core kodéra, ačkoli úlety tady předvádí s každým článkem.

"CSS tabulky" tady jsou v podstatě od nepaměti, protože vykreslovací jádro má na CSS vlastnosti namapované příslušné HTML tagy, samozřejmě s větším či menším úspěchem. I proto je CSS layout dělaný jednou z metod popsaných v článku spolehlivější.

Co se týká (ne)praktičnosti CSS layoutu, zase jen a pouze bullshit od líných a nezkušených kodérů. Na čistě CSS layout jsem přešel před cca 5-i lety a layoutů jsem udělal pár desítek. Až na pár špíčků jsem s tím nikdy neměl problém v žádném prohlížeči a jednou jsem si vypomohl JavaScriptem. Jinak mi CSS layout naprosto vyhovuje a nabízí mi možnosti, které tabulkový layout (ať už HTML, nebo CSS) prostě nenabízí (např. záporný margin).

Článek je hovadina, zaměřená na jeden konkrétní problém a vychvalující tabulkový layout právě kvůli řešení tohoto jednoho problému (stejně vysoké sloupce). Jinak "css tabulky" nemají výhodu žádnou a jako kodéra mě zbytečně svazují. Výhodám klasických CSS layoutů a možnostem "čistého css bez css tabulek" se článek vůbec nevěnuje.

S tabulkama se neshodnem, ale to řešit nechci, jen malou poznámku, ten záporný margin funguje u prvku uvnitř buňky (tedy ne přímo buňka, ale div v ní) a pohodlně vycestuje z tabulky (nevzpomenu si už jestli to jde přímo, nebo s trikem).

Takže budeme obalovat, a obalovat a tím zrušíme další "výhodu" popsanou v článku - kód bez zbytečných značek.

Znovu se ptám, co skvělého a objevného mi přináší "css-table" layout?

Budem tu reagovat aj na tvoj predchadzajuci prispevok. Ono to je pekne ze kodujes uz 5 rokov, ale pokial vyuzivas maximalne uroven prvej verzie CSS tak tie vyhody spoznat nedokazes. A to nie je utocna veta, len sa pokusam zhodnotit aktualny stav, ak to je inak tak ma oprav.

To obalovanie som v tomto pripade nejako nepochopil. Krizuju sa vam dva hlavne bloky cez seba ? Lebo strukturovo je pouzitie CSS tabuliek, alebo obtekanych blokov rovnaka. Ziadne nove vnorene znacky nie su treba ako by ste ich navrhli pre obtekany layout.

Ehe? Co to mektáte? Aktuální stav čí? Můj? Vážně si myslíte, že bych si i v roce 2009 vystačil s CSS 1 a dál se mé znalosti nedostaly?

Co se týká obalování, viz Matrjoška, na té to snad pochopíte.

Ja nic nemektam. Ano vas stav som mal na mysli.

Matrioska, co s nou ? Fajn hracka, pamatam si z detstva :) Ale o nabalovani v HTML teda nemam predstavu, ale to bude asi tym, ze sa tomu aktivne vyhybam ;)

O možnostech CSS a mých znalostech mě tady poučuje člověk, co před pár minutami v jiném příspěvku přiznal, že jeho znalosti CSS jsou bídné. Nu vot.)

Obalování v HTML je proces, kdy objekt musím pro zajištění nějaké funkce obalit jiným, který by jinak nebyl potřeba.

Prosim ukazte mi, kde som hovoril o tom, ze mam male znalosti CSS. Rad sa dozviem nieco nove :)

LOL! V tomhle se musim zastat Howeena... Pokud si tedy chcete doplnit sve vyjimecne znalosti o CSS, tak si prosim otevrete strycka googla a vyhledejte si Matrjoska hack, mozna se dozvite i neco o obalovani :)

Mozete mi vysvetlit v com je vas problem ? Mate snad problem s matematikou prveho stupna ked si musite vypomahat zbytocnymi vnorenymi znackami, aby ste dosiahli podobneho efektu, akym riesi IE svoj box model ?

Pokud nechápete obalování, matrjoška vám to vysvětlí. Jinak tam žádný problém není.

Obalování je dále nutné u těchto skvělých "css-table" layoutů, protože jinak se na jednotlivých komponentách layoutu nedá použít např. záporný margin.

Cakal som na vasu reakciu :)

Ja obalovanie chapem, velmi dobre, ale ked sa daju veci vyriesit cisto cez CSS, preco pridavat dalsie zbytocne prvky ? A ked uz ho je treba, tak sa tam da nejaka nevyznamova znacka a ide sa dalej. Len vy o tom hovorite ako o uplnom fakte, ze to je nutne vzdy. Co samozrejme nie je.

Jistě. Řešíme to, že buď můžu layout udělat standardními postupy a pak si s ním můžu dělat co chci. Nebo chci být kchůl, použiju jinak nepoužitelný css-table layout a pak naprosto zbytečně musím obalovat.

To, na co narážím, je fakt, že css-table layout byl v článku prezentován jako super výhodný, mimo jiné i co do absence zbytečných značek. Což přestává být pravda ve chvíli, kdy v daném layoutu musím použít záporný margin, protože pak musím komponentu něčím obalit. Což bych u klasického layotu nemusel.

je fakt, že css-table layout byl v článku prezentován jako super výhodný

To je ovšem lživé tvrzení. Pokud by někdo o tom pochyboval, přečtěte si článek a posuďte sami. Když jsem s Honzou na přípravě článku podílel, chtěl jsem, aby z něj bylo jasné, že tento přístup má své problémy a v textu to jasně zaznělo, je to i v závěru jasně řečeno.

Mete, dokážeš si připustit, že by "tví redaktoři" nebyli úplně dokonalí, geniální a se slovními obraty vysokoškolských profesorů?

Ano jistě, holt nemají genialitu Ensteina a výřečnost Karla Čapka. Ale pokud přesto umí napsat články, které jsou pro českou obec webdesignerů přínosem, jsem s nimi spokojen.

Děkuji, že jsi se nesnažil zbytečně oponovat mému tvrzení.

Nedavno jsem delal nejaky jednoduchu web, nic sloziteho, par stranek, jedno menu a rekl jsem si ze pouziju CSS kdy se to teda tedka ma delat. Nastudoval jsem tedy prislousnou literaturu a nejak to udelal i kdyz to byl opravdu porod. Mozna ze CSS je elegantnejsi, cistci a ja nevim co jeste vsechno, jenze udelat klasicky tabulkovy layout je proste 100x jednodussi nez se placatit a ladit jednotlive ramy aby to do sebe zapadlo.

Verim tomu ze clovek ktery se webem zivi bude mit CSS v malicku, bude umet vsechny finty a podobne. Ale ja si chci proste udelat jednoduchy web pro sebe a k tomu mi ty tabulky proste perfektne vyhovuji. Bude to asi stejne jako kdyz programator zacatecnik pracuje v basicu a nejde psat rovnou v cecku...

Presne ako si spomenul. Nezivis sa tym, a teda nie je nutnost a v tvojom pripade ani cas na to, aby si to riesil cez CSS ked vies dizajn natrepat do HTML. Popravde by som to po tebe nechcel upravovat :) ale pre tvoje ucely to staci. A o tom to je.

Popravdě, jakýkoli design je podstatně jednoduší nařezat a nakódovat přes CSS, než staré známé prasení a rozřezávání do hromady zanořených tabulek. Flexibilita takového layoutu je naprosto neporovnatelná.

No ale o tom probleme sme sa momentalne nebavili. Reagoval som na cloveka, ktory sa tymto nezivi a pre jednoduche zverejnenie niekolkych informacii je to naozaj postacujuce. To ako by ste dosli za domacim kutilom a zacali do neho nadavat, ze to co robi robi zle a vy by ste to spravil inak.