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

Pacamls.cz – ultraprémiová přírodní krmiva pro psy a kočky

20 000 Kč

0 příhozů

Ziskový jednoproduktový e-shop. Ideální na Vánoční sezónu.

49 000 Kč

0 příhozů

BUVU – balík 26 evropských domén + ochranná známka EUIPO

1 Kč

0 příhozů

RájZvířátek | Virtuální Hřbitov | Plný Skript

4 900 Kč

0 příhozů

🎬PartyVideo.cz – ideální start do sezóny večírků a plesů!

9 900 Kč

0 příhozů

Poptávky Více

Hodove povoleni

Hledáme zkušeného Flutter vývojáře na dlouhodobou spolupráci

Brain Rot Mobile Games – hledám vývojáře/vývojářku

Koupím krabicové Adobe CS6, s funkčním instalačním klíčem.

Hledáme zkušeného vývojáře Qt/QML a C++ – hardware crypto peněženka

Pracovní nabídky Více

Fullstack Dev Java/React

Shopify Developer

Hledáme Senior/Medior Front-end Drupal Developera pro projektovou spolupráci

50 000 - 100 000 Kč

Nabídky Více

🔧 Jednoduchý web na počkání – bez keců, hotový do pár hodin💸

✅ LINKBUILDERKA.CZ – Tvorba kvalitních zpětných odkazů

Proslavím Vás či Vaši značku stejně tak, jako mého klienta 💹🎥 A začnete reálně prodávat ☑️

Začni svůj vlastní Print on Demand byznys s personalizovanými canvasy | Kompletní návod, šablony a seznam dodavatelů

B2B Lead Gen, který doručuje — stavím funnel + ads systém pro firmy, co chtějí růst