Univerzální text
Nadpis H1
text
Nadpis H2
text s odkazem
Nadpis H3
text se zvýrazněním
Nadpis H4
Nadpis H5
Nadpis H6
- odrážkový seznam
- číselný seznam
Obyčejná tabulka | tabulka | tabulka |
Při zmenšování se bude obsah postupně zužovat | tabulka | tabulka |
Může mít libovolný počet řádků i sloupců | tabulka | tabulka |
Pro toto nastavení není potřeba žádných úprav v kódu | tabulka | tabulka |
Obyčejná tabulka s pevnými šířkami sloupců | tabulka | tabulka |
Při zmenšování se nebubude nijak přispůsobovat | tabulka | tabulka |
Může mít libovolný počet řádků i sloupců | tabulka | tabulka |
Pro toto nastavení je potřeba nastavit libovolné šíře sloupců | tabulka | tabulka |
Tento typ tabulky v ideálním případě nikdy nepoužívejte, ničí responzivní zobrazování webu. | tabulka | tabulka |
Obyčejná tabulka na celou šírku stránky | tabulka | tabulka |
Při zmenšování se bude obsah postupně zužovat | tabulka | tabulka |
Může mít libovolný počet řádků i sloupců | tabulka | tabulka |
Pro toto nastavení je potřeba vepsat do vlastností tabulky šířku 100% | tabulka | tabulka |
Scrollovací tabulka | tabulka |
Při zmenšování se bude její obsah postupně zužovat. Jakmile to už více nepůjde, přidá se tabulce scrollování do stran |
tabulka |
Může mít libovolný počet řádků i sloupců! | tabulka |
Pro toto nastavení stačí tabulce přidat třídu scroll-table | tabulka |
Responzivní tabulka | zde může být např. obrázek |
Při zmenšování se obsah druhého sloupce přesune pod první | zde může být např. obrázek |
Může mít libovolný počet řádků, ale jen dva sloupce! | zde může být např. obrázek |
Pro toto nastavení stačí tabulce přidat třídu responz-table | zde může být např. obrázek |
Vycentrovaná responzivní tabulka na celou šířku stránky s obsahem "na střídačku" | zde může být např. obrázek |
zde může být např. obrázek | Při zmenšování se obsah druhého sloupce prvního řádku přesune pod první. U druhého řádku se přesune nad první atd. |
Může mít libovolný počet řádků, ale jen dva sloupce! | zde může být např. obrázek |
zde může být např. obrázek | Pro toto nastavení stačí tabulce přidat třídu responz-table table50 |