NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: Ach ta tabulka a její responzivita

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Miroslav Hruška
Člen
Avatar
Miroslav Hruška:7.12.2015 14:46

Dobrý den, tvořím si nový web, ale aktuálně jsem zaseklý u stránky s tabulkou. Snažím se pro tuto stránku www.pompe-peristaltique.com/…s-techniques vytvořit responzivní tabulku podle tohoto návodu maxdesign.com­.au/articles/sim­ple-responsive-table , tj. že při menším rozlišení se prostě zobrazí posuvník pod tabulkou, ale nějak toho ne a ne docílit, přitom jsem si soubory stáhnul podle návodu (ze stránky jscrollpane.kel­vinluck.com/in­dex.html#downlo­ad) a umístil je do hlavičky.

Tak kde je zakopán pes? Předem díky za rady - problém hlavně je v tom, že těch sloupců je více, takže kdybych definoval při určité velikosti obrazovky zmenšení fontu, tak budu muset dát hodně malý font, aby se ta tabulka komfortně vešla na menší obrazovku.

Odpovědět
7.12.2015 14:46
Mrtvole je naprosto fuk, kdo tu válku nakonec vyhraje! - Yossarian Yossarian
Avatar
Martin Štěpánek
Tvůrce
Avatar
Martin Štěpánek :1.2.2016 2:29 
table{
max-height: 100%;
overflow: auto;
}

By nešlo?

Nahoru Odpovědět
1.2.2016 2:29
Všechno jde naprogramovat, chce to jen čas a chuť...
Avatar
Martin Štěpánek
Tvůrce
Avatar
Martin Štěpánek :1.2.2016 2:30

Sorry

max-width: 100%;
:-)
Nahoru Odpovědět
1.2.2016 2:30
Všechno jde naprogramovat, chce to jen čas a chuť...
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Miroslav Hruška
Neaktivní uživatel:1.2.2016 3:44

A co takhle nepoužít tabulku?

Nahoru Odpovědět
1.2.2016 3:44
Neaktivní uživatelský účet
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Odpovídá na Miroslav Hruška
Neaktivní uživatel:1.2.2016 3:47

Ale pokud chceš tabulku, tak buňkám nastav šířku na 20%, min-width na nějakou hezkou hodnotu, pod kterou je nechceš zmenšit a tabulku dal do nějakého elementu, který bude mít nastavenou šířku a vlastnost overflow. To by podle mého mělo fungovat

Nahoru Odpovědět
1.2.2016 3:47
Neaktivní uživatelský účet
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Neaktivní uživatel
Tonda Kozák:1.2.2016 10:31

který bude mít nastavenou šířku a vlastnost overflow.

Pokud ta šířka není 100 %, tak bych ji nenastavoval.
Jinak by se mohly zobrazit posuvníky dva - pod tabulkou a ještě pod stránkou.

http://kod.djpw.cz/hbub

Jinak existují i další (lepší) řešení, jak zobrazit tabulku na malé obrazovce: http://jecas.cz/…ivni-tabulky

Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
 
Nahoru Odpovědět
1.2.2016 10:31
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 6 zpráv z 6.