Pryč s tabulkovým layoutem!

Martin Klíma

(13 hodnocení)

8. 11. 2009 13:32:56

Pokud se tabulka hodí, klidně ji použiju...nevidím v tom problém.

8. 11. 2009 13:32:56

https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400214

WEBNIA s.r.o.

(41 hodnocení)

8. 11. 2009 14:23:44

Napsáním tohoto jsem nečekal, že by každý měl stejný názor, někdo ho má někdo ne :-) O tom to je, minimálně se podařilo rozvést diskusi na toto téma :-)

8. 11. 2009 14:23:44

https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400213

Webtrh obecný účet

(1 hodnocení)

8. 11. 2009 15:14:22

Napsal MilanKubik;392776
snažil jsem se hledat článek, který by byl stručný a vysvětlil by skutečnost tak jak bych to napsal i já -> Proč nepoužívat? A našel jsem...
http://blog.milde.cz/post/7-proc-nedelat-tabulkovy-layout/

V tom článku "Proč nedělat tabulkový layout" je uvedeno pouze toto, cituji:

"Protože se tím ztrácí struktura dokumentu, zvyšuje objem kódu, zvyšuje objem přenesených dat, zvyšují nároky na údržbu a zásahy do kódu, zpomaluje načítání webu a snižuje přístupnost webu pro zrakově postižené osoby"

Hmm, to se mi nezdá jako zásadní problém. Když používáš nějaké dobré nástroje na tvorbu kódu, tak tě vůbec nezajímá struktura dokumentu, neboť ta je v tom tvém nástroji vždy dobře čitelná a úpravy rychlé. Objem kódu ani načítání stránky není v dnešní době rychlého internetu vůbec směrodatné.

Jasně, že je nutnost využívat CSS v externích souborech pro celý web nebo pro konkrétní stránku, ale to neznamená, že to nemůže být kombinováno s tabulkami.

Myslím, že ti nešlo o to vyvolat diskuzi, ale fanaticky prosazovat něco, o čem si myslíš, že je to jediné správné, v čemž se tedy velmi mýlíš :-)

8. 11. 2009 15:14:22

https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400212

w3m

(22 hodnocení)

16. 11. 2009 13:17:26

Tabulku nepoužívat pro celý layout ze dvou důvodů:

1) Načítání - Některé prohlížeče zobrazí tabulku až po kompletním načtení, což by mohlo u velkých webů slušně brzdit. Nemáte velký web? Bod č. 1 ignorujte.

2) Sémantika - Nejedná se o reálný důvod, jedná se víceméně o slušnost.

Nastylovat jako layout je stejně sémantické, jako používat pro tučné písmo a nastylované používat místo kurzívy. Každý tag má v HTML nějaký účel - HTML naznačuje strukturu celého dokumentu, správně by se tedy v celém obsahu měly používat pestré tagy, které blok textu, větu, nebo slovo vyjádřily nejlépe. Stejně jako místo dát je lepší dát CSS layout jako náhradu tabulkového. Je to ale jen doporučení, tedy každý si to může dělat jak chce. Internet tvoří lidé. 16. 11. 2009 13:17:26 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400211 Petr Jeník (71 hodnocení) 16. 11. 2009 14:26:59 no já bych nebyl tak striktní - rozhodně bych tabulky nezakazoval - jak tu kdosi přede mnou psal, na tabulkách jsem taky vyrost a nikdy nikomu nevadili a k čemu že je vlastně ta validita? Je jen k tomu, aby se s ním webmasteři mohli chlubit ostatním webmasterům. Robotům je úplně jedno, jestli jsou stránky validní a bude ještě hodně dlouho trvat, než začnou, jestli vůbec začnou, kontrolovat stránky kromě po obsahové stráncke také po stránce validnosti. To ovšem neznamená, že když tabulky nezavrhuji, že zavrhuji css pozicování. Taky na jeho výhody začínám pomalu přicházet a spolusta prvků na mých stránkách je pozicovaná pomocí css a má to rozhodně své kouzlo. 16. 11. 2009 14:26:59 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400210 hm (20 hodnocení) 16. 11. 2009 17:59:12 Napsal Neregistrovaný;392897 Objem kódu ani načítání stránky není v dnešní době rychlého internetu vůbec směrodatné. není tak úplně pravda, protože: - neomezený přenos dat na hostinzích je kec a když to přepískneš, vyhodí tě - tam kde za trafik platíš je v tvém zájmu, aby přenosy byli pokud možno co nejmenší - stále existují internetová připojení jako je cdma, edge a jiné mobilní, které rychlostí neoplývají a pozor, tyhle technologie se přece nepoužívají pouze na mobilech, ale i v terénu na noteboocích apod. - stále existují wifi připojení, které ve špičkách spíše nefungují než fungují, takže člověk který takovým připojím oplývá ocení každou stránku s nízkým přenosem dat... :) 16. 11. 2009 17:59:12 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400209 Petr Široký (26 hodnocení) 16. 11. 2009 18:39:34 On ještě dnes někdo dělá tabulkové designy? Jsme v roce 2009 a tohle jsou Trendy a události, ne "Pamětníci vzpomínají". Navíc se mi nezdá, že i kdyby sem někdo z těch posledních mohykánů zavítal, že by se chytil za hlavu a šel to opravovat - takoví lidé se tím, co v kódu je nezabývají. // Kdo ví, co je CSS3 (a i CSS2), tak se může nějakému posunování tabulek jenom smát. 16. 11. 2009 18:39:34 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400208 Mirek Komárek (1 hodnocení) 16. 11. 2009 19:12:14 Koukám tady to jde pěkně z kopce, mimochodem tuhle jsem potřeboval vizitku vycentrovanou na střed a japato uděláte s tím svým css? premiere-qualite.com 16. 11. 2009 19:12:14 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400207 Martin Klíma (13 hodnocení) 16. 11. 2009 19:31:02 Napsal lefiath;397651On ještě dnes někdo dělá tabulkové designy? Jsme v roce 2009 a tohle jsou Trendy a události, ne "Pamětníci vzpomínají". Navíc se mi nezdá, že i kdyby sem někdo z těch posledních mohykánů zavítal, že by se chytil za hlavu a šel to opravovat - takoví lidé se tím, co v kódu je nezabývají. // Kdo ví, co je CSS3 (a i CSS2), tak se může nějakému posunování tabulek jenom smát. Asi už jen mizivé procento, ale nevidím důvod proč nepoužívat tabulky v layoutu. Přeci jen, když už tu tabulky jsou, proč je zahazovat? 16. 11. 2009 19:31:02 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400206 Petr Široký (26 hodnocení) 16. 11. 2009 19:37:29 Napsal Fred;397670 Koukám tady to jde pěkně z kopce, mimochodem tuhle jsem potřeboval vizitku vycentrovanou na střed a japato uděláte s tím svým css? premiere-qualite.com Margin: 0 auto Jak prosté. Css umí mnooooooooooooooooooooooooooohem víc (doufám že je tam dost o), než ubohé tabulky. Abys to posoudil, musíš znát alespoň základy toho, co css umí. Tabulky neumí nic. @Pooky: Používat tabulky na to, co jsou. Na cokoliv jiného je to utrpení (stavba layoutu) a zbytečně složitá tvorba. Navíc se to pojí s wysiwyg, nevím o člověku, co by pracoval s tabulkami a psal si to v kódu (to by asi musel být opravdu šílenec). 16. 11. 2009 19:37:29 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400205 w3m (22 hodnocení) 16. 11. 2009 19:39:37 @Fred: http://www.sovavsiti.cz/c02031.html @Pooky: Kvůli inteligentní sémantice, jak jsem již psal. Stejně jako dnes někdo orá pluhem, tak někdo používá tabulky v layoutu. Nikdo nikomu nemá důvod nic zakazovat. 16. 11. 2009 19:39:37 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400204 Martin Klíma (13 hodnocení) 16. 11. 2009 19:58:20 Napsal lefiath;397691 nevím o člověku, co by pracoval s tabulkami a psal si to v kódu (to by asi musel být opravdu šílenec). Těší mě.... Nerozumím proč si přidělávat práci. To co máš pomocí tabulky hezke udělané za dvě minuty, budeš v css rozepisovat mnohem déle... Proč rači v css třeba jen nenastylovat určité části tabulky - od toho tu je thead,tbody atd...ale rozhodně nevidím důvod proč od nich upouštět... //edit tak nic, špatně to čtu, vy se bavíte o celém layoutu já se bavím o určitých prvcích sem to nějak jinak pochopil... 16. 11. 2009 19:58:20 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400203 Mirek Komárek (1 hodnocení) 16. 11. 2009 20:33:28 ale no tak pánové, ještě jednou se zamyslete, mluvím o centrování - jak prosté! Vertikálním i horizontálním mudrcové, snad si nemyslíte, že nevím o čem mluvím? ---------- Doplňující příspěvek odeslán v 20:45 ---------- upřesnění pro pomalejší http://www.malenek.cz/cs/clanky/webdesign/vertikalni-a-horizontalni-centrovani + komentáře nebo http://suplik.petnik.cz/komentare.php?cl=107 nebo http://www.google.com/search?q=stejn%C4%9B+vysok%C3%A9+sloupce+tabulky+jsou+vhodn%C4%9Bj%C5%A1%C3%AD atd. ---------- Doplňující příspěvek odeslán v 21:15 ---------- Ještě mi to nedalo, přeci jen mě to pobavilo http://latrine.dgx.cz/dokonale-stylovani-formularu Co se od něj očekává? Tak především, že formuláře učiní co nejhezčí. Zejména v majoritních prohlížečích a operačních systémem. Ale zároveň plně použitelné i v těch minoritních. Nebo při zobrazení bez CSS stylů. a ten příklad je tady http://knowhow.davidgrudl.com/css/styling-forms/demo1.html a copak to máme ve zdrojovém kódu? Tabulky a proč? http://www.plavacek.net/formulare/formular-a-tabulka.html 16. 11. 2009 20:33:28 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400202 Petr Široký (26 hodnocení) 16. 11. 2009 23:37:01 Napsal Fred;397714 ale no tak pánové, ještě jednou se zamyslete, mluvím o centrování - jak prosté! Vertikálním i horizontálním mudrcové, snad si nemyslíte, že nevím o čem mluvím? Ne, to si nemyslím, já to prostě vím. Doplnění: Nikdo zde netvrdí, že tabulky se nemají používat na to, k čemu jsou určené. Takže opravdu, jedni o voze, ty o koze. A pokud chceš mermomocí centrování pomocí tabulek, tak zde: http://www.w3schools.com/css/pr_class_display.asp Vývoj jde poněkud kupředu, a spoléhat na 3 roky staré články není moc dobré. (Bohužel jde dopředu až moc, ani IE8 to neumí, což to činí jaksi zatím nepoužitelným.) @Pooky: Přesně právě kvůli sémantice. Ukaž mi příklad toho, co budeš tabulkou dělat rychleji. Netvrdím, že to nejde, je to možné, ale stejně jsou u toho neustále překážky a hloupé ústupky. 16. 11. 2009 23:37:01 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400201 Martin Klíma (13 hodnocení) 16. 11. 2009 23:46:59 Napsal lefiath;397812Ne, to si nemyslím, já to prostě vím. Doplnění: Nikdo zde netvrdí, že tabulky se nemají používat na to, k čemu jsou určené. Takže opravdu, jedni o voze, ty o koze. A pokud chceš mermomocí centrování pomocí tabulek, tak zde: http://www.w3schools.com/css/pr_class_display.asp Vývoj jde poněkud kupředu, a spoléhat na 3 roky staré články není moc dobré. (Bohužel jde dopředu až moc, ani IE8 to neumí, což to činí jaksi zatím nepoužitelným.) @Pooky: Přesně právě kvůli sémantice. Ukaž mi příklad toho, co budeš tabulkou dělat rychleji. Netvrdím, že to nejde, je to možné, ale stejně jsou u toho neustále překážky a hloupé ústupky. Co třeba login? v tabulce je raz dva ale pokud bys to formátoval v css, tak toho musíš napsat mnohem víc... <table> <tr><td>Login</td><td><input type="text" name="login" /></td></tr> <tr><td>Heslo</td><td><input type="password" name="heslo" /></td></tr> <tr><td><input type="submit" value="odeslat" /></td></tr> </table> 16. 11. 2009 23:46:59 https://webtrh.cz/diskuse/pryc-s-tabulkovym-layoutem/strana/3#reply400200 1234 Pro odpověď se přihlašte. Přihlásit Prodej Více P2P Solutions s.r.o. 1 000 Kč 0 příhozů Eshop s hodinkami a šperky nobletime.cz 15 000 Kč 0 příhozů Prodej lifestyle magazínu doctetese.cz 3 000 Kč 0 příhozů Prodám web FVE.info – magazín o FVE, moderní, eko téma 10 000 Kč 0 příhozů Prodej vlastní značky, eshopu, vybavení a zboží – vysoké marže, žádné reklamace – LILLYBE.CZ 50 000 Kč 0 příhozů Poptávky Více Články na téma Bitcoin a kryptoměny Laravel, Livewire, FilamentPHP, TALL stack Poptávka: grafik k dlouhodobé spolupráci, Brno Vytvoření PHP scriptu na tahání objednávek z Prestashop API INVESTICE DO ELEKTROMONTÁŽNÍ FIRMY Pracovní nabídky Více It Administrátor / IT Specialista senior Data Analyst Praha 50 000 - 65 000 Kč IT SPECIALISTA PRO MES SYSTÉMY (TÁBORSKO) 55 000 - 80 000 Kč Desktop Support Specialist (Remote – Czech Republic – Texas) Práce z domu Full-stack (Next.js, Node.js) developer Práce z domu, Praha Nabídky Více Dlouhodobá spolupráce v rámci grafických prací [webdesign, grafika pro kampaň, tiskoviny, vizuální identita] Dlouhodobá spolupráce v rámci tvorby webových stránek [WordPress, Elementor PRO] Domény bez dané ceny 🌐 Texty za rozumnou cenu – stále sbírám reference! ✒️✅Grafický dizajnér/freelancer na ďiaľkovú spoluprácu – fulltime, part-time, nárazovo (10 rokov skúseností)✅ Potřebujete vyřešit problém, nebo pomoci se zadáváním inzerce? Podpora Sekce Prodej Práce Poptávky Nabídky Akademie Magazín Informace O nás Podmínky GDPR Pravidla Co je služba? Ceník Affiliate Kontakt Sledujte nás Založení s.r.o. - nejlevnější založení firem Think Easy - Vývoj software a aplikací peach-dev - Tvorba mobilních a webových aplikací Test-pneumatik.cz - tisíce recenzí pneumatik TOP.CZ - PR články a odkazy Exitshop.cz - E-shopové řešení 2.0 FOFRindex.cz - rychlejší indexace stránek 2006 - 2025 (c) Všechna práva vyhrazena, webtrh.cz Created with and WordPress.