Jak použít formátování tabulky pomocí CSS v aplikaci Adobe Dreamweaver CS6

Kromě použití inspektoru Vlastnosti v Adobe Dreamweaver CS6 můžete formátovat celé tabulky nebo jednotlivé buňky tabulky (a obsah) pomocí CSS (kaskádové šablony stylů). Ve většině případů je to považováno za lepší postup, protože zachovává oddělení mezi označením, obsahem a skutečným použitým stylem, aby byl esteticky příjemný.

K formátování tabulky můžete použít CSS takto:

Vytvořte pravidlo třídy CSS buď z inspektoru vlastností, nebo z panelu Styly CSS.

V kategorii Typ vyberte velikost a barvu textu tabulky.

V kategorii Pozadí v dialogovém okně Definice pravidla CSS přiřaďte vaší tabulce barvu pozadí pomocí vlastnosti Barva pozadí a poté klikněte na OK.

Vyberte tabulku, na kterou chcete použít nový styl třídy.

Přiřaďte třídu pomocí rozevíracího seznamu Třída v Inspektoru vlastností.

Celá vaše tabulka převezme nové formátování.

Jak použít formátování tabulky pomocí CSS v aplikaci Adobe Dreamweaver CS6

Podobně jako můžete použít inspektor Vlastnosti k obarvení a zarovnání jednotlivých buněk, můžete vytvořit a aplikovat pravidla CSS na buňky tabulky. Ve většině případů je to považováno za lepší postup než spoléhání se na atributy HTML. Chcete-li to provést, postupujte takto:

Vytvořte pravidlo třídy CSS buď z inspektoru vlastností, nebo z panelu Styly CSS.

V kategorii Pozadí vyberte barvu pozadí.

V kategorii Blok vyberte v rozevíracím seznamu Vertical-Align položku Middle, v rozevíracím seznamu Text-Align vyberte možnost Center a klikněte na OK.

Vyberte buňku tabulky, na kterou chcete použít novou třídu.

V inspektoru vlastností vyhledejte rozevírací seznam Třída a vyberte svou novou třídu.

Vaše volby formátování se použijí na buňku tabulky.

Jak použít formátování tabulky pomocí CSS v aplikaci Adobe Dreamweaver CS6

Leave a Comment

Manipulace s textem a grafikou v rozvržení InDesign CC

Manipulace s textem a grafikou v rozvržení InDesign CC

InDesign nabízí mnoho nástrojů pro efektivní manipulaci s textem a grafikou v rozvržení. Optimalizujte své návrhy s nejnovějšími technikami.

Pochopení ořezových cest v aplikaci InDesign CC

Pochopení ořezových cest v aplikaci InDesign CC

Ořezové cesty jsou silným nástrojem pro práci s obrazovými součástmi v aplikaci InDesign. Tento článek popisuje, jak efektivně vytvářet a používat ořezové cesty pro odstranění pozadí a úpravu obrázků.

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytvářejte ořezové cesty v InDesign Creative Suite 5

Vytváření a používání ořezových cest v Adobe InDesign CS5 je užitečné pro blokování obrazových oblastí a obtékání textu. Naučte se užitečné tipy a triky, jak efektivně využít ořezové cesty.

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Jak exportovat soubory JPEG a PNG Adobe InDesign CS6 pro tisk

Naučte se, jak efektivně exportovat JPEG a PNG soubory z Adobe InDesign CS6 pro tisk. Ideální pro online publikování a sdílení obrázků.

Jak formátovat odstavce ve Photoshopu CS6

Jak formátovat odstavce ve Photoshopu CS6

Naučte se, jak efektivně formátovat odstavce v Adobe Photoshopu CS6 pomocí funkce Panel Odstavec.

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Jak používat novou perspektivní mřížku v Adobe Illustrator CS6

Objevte, jak efektivně používat perspektivní mřížku v Adobe Illustrator CS6 pro úspěšné ilustrace. Naučte se klíčové kroky a tipy pro tvorbu a úpravy.

Jak upravit příběhy InDesign CC

Jak upravit příběhy InDesign CC

Naučte se, jak efektivně upravit textové příběhy v Adobe InDesign CC pomocí vestavěného editoru příběhů a pokročilých funkcí.

Práce s obrázky v Adobe XD

Práce s obrázky v Adobe XD

Efektivní techniky pro práci s obrázky v Adobe XD, včetně úpravy velikosti, maskování, oříznutí, rotace a pokročilých úprav ve Photoshopu.

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Jak přidat průhlednost do přechodu ve Photoshopu CS6

Naučte se, jak přidat <strong>průhlednost</strong> do přechodu ve Photoshopu CS6 a dosáhnout tak efektivního vzhledu pro své projekty.

Kreslení tvarů v publikaci InDesign CS5

Kreslení tvarů v publikaci InDesign CS5

Vytvářejte tvary, jako jsou obdélníky a elipsy, v dokumentu InDesign CS5 pomocí nástrojů tvarů. Získejte užitečné tipy pro optimalizaci vašeho designu.