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/ Tabulky 2 Pokročilá nastavení 1 9. června 2013 VY_32_INOVACE_160320_Tabulky_2_DUM
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
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
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
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
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
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
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
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
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
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
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
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] [cit ]. Dostupné z: KROUŽEK, Jiří a Martin DOMES. CSS: kapesní přehled. Vyd. 1. Brno: Computer Press, 2006, 135 s. ISBN CASTRO, Elizabeth. HTML, XHTML a CSS: názorný průvodce tvorbou WWW stránek. Vyd. 1. Brno: Computer Press, 2007, 438 s. ISBN STANÍČEK, Petr. CSS: hotová řešení. Vyd. 1. Brno: Computer Press, 2006, 267 s. ISBN