Responzivní tabulka

verified

2. 1. 2013 14:50:47

Dobrý den.

Předělával jsem si moje portfolio na responzivní verzi a narazil jsem na problém s tabulkou. Při využití běžných tabulek se velmi špatně nastavovala šířka sloupce. Nakonec jsem problém vyřešil takto:

tuto konstrukci jsem pomocí CSS rozložil do řádku a nastyloval. Výsledek můžete vidět na http://grysom.cz/novy/reference.html.

Pokud ano, jak jste to řešili vy? Mě jiné řešení nenapadlo.

+ sice mi to výrazně nevadí, ale zajímalo by mne, jak odstranit ty mezery mezi jednotlivými sloupci. Myslel jsem, že je to paddingem, ale i bez něho tam mezery zůstaly.

Děkuji za příspěvky/nápady.

2. 1. 2013 14:50:47

https://webtrh.cz/diskuse/responzivni-tabulka#reply847982

verified

2. 1. 2013 15:14:10

Ale to není tabulka. To je seznam.

P.S.: A že se něčemu nastaví procentuální šířka ani zdaleka neznamená, že je to reponsivní. Proč mi na tabletu třetinu stránky zabírá "nic" a přitom text se musí zalamovat, protože se nevejde?

2. 1. 2013 15:14:10

https://webtrh.cz/diskuse/responzivni-tabulka#reply847981

Miloslav Lešetický

verified

(10 hodnocení)

2. 1. 2013 15:17:56

grysom

Toto http://grysom.cz/novy/reference.html je klasický příklad tabulkových dat a je vhodné tedy použít tabulku.

2. 1. 2013 15:17:56

https://webtrh.cz/diskuse/responzivni-tabulka#reply847980

verified

2. 1. 2013 15:19:28

Napsal Souki;888878
Ale to není tabulka. To je seznam.
P.S.: A že se něčemu nastaví procentuální šířka ani zdaleka neznamená, že je to reponsivní. Proč mi na tabletu třetinu stránky zabírá "nic" a přitom text se musí zalamovat, protože se nevejde?

Však já neříkám, že v kódu je to tabulka, pouze že to tak navenek vypadá. A protože neříkám, že je to optimální řešení, tak se ptám na jiné.

Ta rezponzivita ještě není doladěná ...

---------- Příspěvek doplněn 02.01.2013 v 15:20 ----------

Napsal Plaváček;888880
grysom
Toto http://grysom.cz/novy/reference.html je klasický příklad tabulkových dat a je vhodné tedy použít tabulku.

To jsem chtěl, ale nešlo mi nastavit šířka sloupce. Asi nevím jak - uvítám tedy, když mi to někdo předvede napsané v kódu.

2. 1. 2013 15:19:28

https://webtrh.cz/diskuse/responzivni-tabulka#reply847979

Miloslav Lešetický

verified

(10 hodnocení)

2. 1. 2013 15:26:01

grysom

Šířku sloupce lze efektivně nastavit třeba pomocí atributu COL, viz zde: http://www.quirksmode.org/css/columns.html

2. 1. 2013 15:26:01

https://webtrh.cz/diskuse/responzivni-tabulka#reply847978

verified

2. 1. 2013 15:28:12

Napsal Plaváček;888886
grysom
Šířku sloupce lze efektivně nastavit třeba pomocí atributu COL, viz zde: http://www.quirksmode.org/css/columns.html

O tom jsem věděl, ale asi jsem našel špatně popsanou funkčnost, tak jsem to dělal špatně. Tak si zkusím pohrát ještě s tímhle. Děkuji.

2. 1. 2013 15:28:12

https://webtrh.cz/diskuse/responzivni-tabulka#reply847977

verified

2. 1. 2013 16:00:13

Několik přístupů k resposivním tabulkám včetně příkladů: http://css-tricks.com/responsive-data-table-roundup/

2. 1. 2013 16:00:13

https://webtrh.cz/diskuse/responzivni-tabulka#reply847976

verified

2. 1. 2013 16:03:31

Napsal Lukáš Urban;888900
Několik přístupů k resposivním tabulkám včetně příkladů: http://css-tricks.com/responsive-data-table-roundup/

Tam se řeší velké tabulky, ale tady máme 3 sloupce, takže to takový problém nebude.

Tady by ale možná dávalo smysl u nízkého rozlišení tabulku úplně rozbít (to pak nepůjde přes TABLE) a mít třeba buňky pod sebou.

2. 1. 2013 16:03:31

https://webtrh.cz/diskuse/responzivni-tabulka#reply847975

verified

2. 1. 2013 20:54:35

http://www.zurb.com/playground/responsive-tables

2. 1. 2013 20:54:35

https://webtrh.cz/diskuse/responzivni-tabulka#reply847974

Pro odpověď se přihlašte.

Prodej Více

Prodám domény jistykup.cz a fun4print.cz.

5 000 Kč

0 příhozů

Dva affiliate /provizní/ weby včetně hostingu, HTTPS a emailů

8 980 Kč

0 příhozů

Prémiová třípísmenná doména MZP.sk (historie od 2007)

1 199 Kč

0 příhozů

warszawa.cz PA47 DA 30

1 499 Kč

0 příhozů

Predám e-shop SK/CZ „eskalepky.sk“ – autodoplnky / bez konkurencie

2 400 €

0 příhozů

Poptávky Více

🚀 Hledám společníka pro startup s milionovým potenciálem

Vývoj platformy pro zpracování účetnictví a daní

Poptávám: opravu webu, správu reklam na Google ads

Parťák pro rozjezd podnikání

Projekt pro přepis aplikace do .NET 9.0/10.0 Razor pages

Pracovní nabídky Více

Šikovný IT Specialista 👨‍💻 | klidná firma, kariérní růst & fajn tým (M/Ž)

95 000 - 100 000 Kč

SRE Linux Admin

Práce z domu, Praha

Hledáme školitele pro Kyberbezpečnost a Umělou inteligenci (AI)

Olomouc, Opava, Ostrava, Pardubice, Plzeň, Praha, Ústí nad Labem, Zlín

Práce z domova: Hledá se podpora chatu

IT koordinátor

90 000 - 100 000 Kč

Nabídky Více

✨ Weby a grafika, které dělají dojem i výsledky

[OpenServis] Vyladěný PrestaShop hosting pro maximální rychlost běhu PS

Sportovnivozy.cz + Rajaut.cz + Rajveteranu.cz – bannery a články

Migrácie WP a nastavenie AI asistentov (zapier, make, makro v exceli a pod.)

Správa Google Business profilu – vytvořím vám bezplatný audit.