Avatar
Miroslav Hruška:

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 (Enormyk):
table{
max-height: 100%;
overflow: auto;
}

By nešlo?

Nahoru Odpovědět 1. února 2:29
Nesnáším, když někdo u if nepoužívá {}, byť se jedná o jeden řádek.
Avatar
Martin Štěpánek (Enormyk):

Sorry

max-width: 100%;
:-)
Nahoru Odpovědět 1. února 2:30
Nesnáším, když někdo u if nepoužívá {}, byť se jedná o jeden řádek.
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Miroslav Hruška
Jiří Gracík:

A co takhle nepoužít tabulku?

Nahoru Odpovědět 1. února 3:44
Creating websites is awesome till you see the result in another browser ...
Avatar
Jiří Gracík
Redaktor
Avatar
Odpovídá na Miroslav Hruška
Jiří Gracík:

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. února 3:47
Creating websites is awesome till you see the result in another browser ...
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Jiří Gracík
Tonda Kozák:

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í
+1 bodů
Řešení problému
 
Nahoru Odpovědět 1. února 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.