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

Prodej domény detskepovleceni.cz a detskeobliecky.sk

7 500 Kč

0 příhozů

Sportisto.cz

500 Kč

0 příhozů

Doména pujcovnalevne.cz

2 500 Kč

0 příhozů

Doména supervyklizeni.cz

2 500 Kč

0 příhozů

Prodej tonovani-autosklo.cz

2 500 Kč

0 příhozů

Poptávky Více

propojení WOO comerce se skladem a doplnění seo

Web Scraping AI – WordPress

Koupíme výdělečné projekty – E-shop, Web . App

Custom registrační/rezervační systém

Pracovní nabídky Více

COORDINATED .NET DEVELOPMENT TEAM

Práce z domu, Praha

Příležitost pro Software Architekty!

50 000 - 80 000 Kč

Správce/kyně aplikací (systémový/á správce/kyně)

Ostrava, Práce z domu

Django – fulfillment aplikace

Growth Hacker – Výkonnostní marketing expert pro kontroverzní adult online marketplace

40 000 - 120 000 Kč

Nabídky Více

Reklamy Google Ads, Sklik, Meta (Facebook, Instagram)

Vývoj web aplikací

⚙️ Webové stránky | Webové aplikace | OpenCart specialista | Workflow automatizace

Ououtdoor e-shop a kamenná prodejna hledá svého šéfa

Kreslení AUTOCAD