Ako zmeniť vzhľad tabuľky v Dreamweaveri

Potrebujete zmeniť vzhľad tabuľky na vašej stránke? Keď v Dreamweaveri vyberiete tabuľku, inšpektor Vlastnosti vám poskytne prístup k nasledujúcim možnostiam prispôsobenia vzhľadu tabuľky:

• Tabuľka: Poskytuje textovú oblasť, do ktorej môžete zadať názov tabuľky. Tento názov alebo ID je užitočný na zacielenie tabuľky v skriptoch.

• Riadky: Zobrazuje počet riadkov v tabuľke. Veľkosť tabuľky môžete zmeniť zmenou čísla. Buďte však opatrní: Ak zadáte číslo, ktoré je menšie ako počet riadkov v tabuľke, Dreamweaver odstráni spodné riadky – obsah a všetko.

• Stĺpce: Zobrazuje počet stĺpcov v tabuľke. Veľkosť tabuľky môžete zmeniť zmenou čísla. Ak opäť zadáte číslo menšie ako počet stĺpcov v tabuľke, Dreamweaver odstráni stĺpce na pravej strane tabuľky – obsah a všetko.

• W (šírka): Zobrazuje šírku tabuľky. Šírku môžete zmeniť zmenou čísla. Šírku môžete určiť v percentách alebo ako hodnotu v pixeloch. Hodnoty vyjadrené ako percentuálny nárast alebo zmenšenie veľkosti tabuľky vzhľadom na veľkosť okna prehliadača používateľa alebo akéhokoľvek uzavretého kontajnera, ako je napríklad iná tabuľka alebo

  tag.

  Rozmery tabuľky vyjadrené v percentách vám umožňujú vytvárať tabuľky, ktorých veľkosť sa mení pri zmene veľkosti okna prehliadača. Ak chcete, aby tabuľka vždy zaberala 75 percent okna, bez ohľadu na zobrazovaciu plochu používateľa, nastavte veľkosť v percentách. Ak chcete, aby mala tabuľka vždy rovnakú veľkosť bez ohľadu na veľkosť okna prehliadača, vyberte šírku tabuľky v pixeloch.

  Ak je tabuľka vložená do iného kontajnera, ako napr

  alebo tabuľky s pevnou šírkou, veľkosť tabuľky nie je založená na okne prehliadača, ale na kontajneri.

  Poznámka: Počnúc aplikáciou Dreamweaver CS4 už nenájdete pole H (výška). Najlepšie je, že väčšina dizajnérov nešpecifikuje výšku stola, pretože obsah stola sa môže meniť od jedného návštevníka k druhému. Napríklad veľkosť písma textu závisí od systému a nastavení používateľa.

• CellPad: Určuje medzeru medzi obsahom bunky a jej okrajom.

• CellSpace: Určuje medzeru medzi bunkami tabuľky.

• Zarovnať: riadi zarovnanie tabuľky na webovej stránke. Možnosti sú Predvolené, Vľavo, Stred a Vpravo. Vo všeobecnosti platí, že predvolené nastavenie zarovnáva tabuľku z ľavej strany okna prehliadača alebo iného kontajnera.

• Border: Ovláda veľkosť orámovania okolo tabuľky. Čím väčšie číslo, tým hrubší okraj. Ak chcete, aby bol okraj neviditeľný, nastavte ho na 0.

• Trieda: Poskytuje jednoduchý prístup k možnostiam šablóny štýlov.

• Vymazať a konvertovať: Ikony v ľavej dolnej časti inšpektora vlastností (kliknutím na rozbaľovaciu šípku v pravom dolnom rohu ich zobrazíte) poskytujú tieto možnosti formátovania:

  • Vymazať výšky riadkov a Vymazať šírky stĺpcov vám umožňujú odstrániť všetky hodnoty výšky a šírky naraz.

  • Konvertovať šírky tabuľky na pixely a Konvertovať šírky tabuľky na percentá vám umožňujú automaticky zmeniť nastavenia šírky z percent na pixely. Pixely určujú pevnú šírku; nastavenie percent znamená, že prehliadač automaticky upraví zadané percento plochy zobrazenia prehliadača.

Môžete tiež použiť možnosti formátovania a zmeniť atribúty ľubovoľného prvku – napríklad textu, obrázka alebo multimediálneho súboru – v bunke tabuľky. Ak to chcete urobiť, vyberte prvok a potom použite možnosti v inšpektorovi vlastností CSS alebo HTML na vykonanie požadovaných zmien, rovnako ako by ste to urobili, keby prvok nebol v bunke tabuľky.