Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.

Prezentace na téma: "Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li."— Transkript prezentace:

1 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Michal Sonnek. Obchodní akademie a Střední odborná škola logistická, Opava, příspěvková organizace. Vzdělávací materiál byl vytvořen v rámci OP VK 1.5 – EU peníze středním školám, registrační číslo CZ.1.07/1.5.00/34.0809. Tabulky 2 Pokročilá nastavení 1 9. června 2013 VY_32_INOVACE_160320_Tabulky_2_DUM

2 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Sloučení buněk v řádku 1. buňka v 1. řádku 2. buňka v 1. řádku sloučená buňka v řádku 2

3 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Schématická ukázka výstupu sloučených buněk v řádku 1. buňka v 1. řádku2. buňka v 1. řádku sloučená buňka v řádku 3

4 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Sloučení buněk ve sloupci levý sloučený sloupec 2. buňka v 1. řádku 2. buňka v 2. řádku 4

5 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Schématická ukázka výstupu sloučených buněk ve sloupci 5 levý sloučený sloupec 1. buňka v 1. řádku 2. buňka v 2. řádku

6 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Rozdělení tabulky na skupiny sloupců Tabulku rozdělíme na „sekce“, které naformátujeme pomocí CSS. … 6

7 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás caption-side Určuje umístění titulku tabulky. Hodnoty: top zobrazení nadpisu nad tabulkou, bottom nadpis se zobrazí pod tabulkou, left vykreslení nadpisu vlevo od tabulky, right vykreslení nadpisu vpravo od tabulky, inherit zdědění hodnoty od nadřízeného elementu. Příklad: caption {caption-side:bottom} 7

8 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Schéma definování mezer v tabulce pomocí CSS 8 rámeček tabulky rámeček buňky obsah buňky border-spacing určuje mezeru mezi buňkami navzájem a mezi buňkami a rámečkem tabulky padding řídí mezeru mezi rámečkem buňky a jejím obsahem

9 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás border-spacing Vlastnost border-spacing definuje velikost mezer mezi rámečky buněk tabulky a prostor mezi rámečkem tabulky a rámečkem buněk. Hodnoty: jednotky délky, inherit. 9

10 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Syntaxe border-spacing border-spacing: a b Parametr a platí pro mezery v horizontálním směru. Hodnota b pro mezery ve vertikálním směru. border-spacing: ab Nastavení hodnot ab platí pro horizontální i vertikální směr. table {border: 2px solid black; border-spacing: 5px} 10

11 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás padding Nastavení vnitřního okraje buněk pomocí CSS. Syntaxe: padding: hodnota Příklad: td {padding-left:5px} 11

12 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Své znalosti si zopakujte v zde. Kvíz 12

13 Title of the document The content of the document...... Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Zdroje W3C [online]. 2013 [cit. 2013-06-09]. Dostupné z: http://www.w3.org/ KROUŽEK, Jiří a Martin DOMES. CSS: kapesní přehled. Vyd. 1. Brno: Computer Press, 2006, 135 s. ISBN 80-251-0773-6. CASTRO, Elizabeth. HTML, XHTML a CSS: názorný průvodce tvorbou WWW stránek. Vyd. 1. Brno: Computer Press, 2007, 438 s. ISBN 978-80-251-1531- 2. STANÍČEK, Petr. CSS: hotová řešení. Vyd. 1. Brno: Computer Press, 2006, 267 s. ISBN 80-251-1031-1. 13