Jak změnit vzhled tabulky v Dreamweaveru

Potřebujete změnit vzhled tabulky na vašem webu? Když v Dreamweaveru vyberete tabulku, inspektor Vlastnosti vám poskytne přístup k následujícím možnostem přizpůsobení vzhledu tabulky:

• Tabulka: Poskytuje textovou oblast, do které můžete zadat název tabulky. Tento název nebo ID je užitečný pro cílení na tabulku ve skriptech.

• Řádky: Zobrazuje počet řádků v tabulce. Velikost tabulky můžete změnit změnou čísla. Buďte však opatrní: Pokud zadáte číslo, které je menší než počet řádků v tabulce, Dreamweaver odstraní spodní řádky – obsah a vše.

• Cols: Zobrazuje počet sloupců v tabulce. Velikost tabulky můžete změnit změnou čísla. Opět platí, že pokud zadáte číslo menší, než je počet sloupců v tabulce, Dreamweaver odstraní sloupce na pravé straně tabulky – obsah a vše.

• W (šířka): Zobrazuje šířku tabulky. Šířku můžete změnit změnou čísla. Šířku můžete zadat v procentech nebo jako hodnotu v pixelech. Hodnoty vyjádřené jako procento zvětšení nebo zmenšení velikosti tabulky vzhledem k velikosti okna prohlížeče uživatele nebo libovolného uzavřeného kontejneru, jako je jiná tabulka nebo

  štítek.

  Rozměry tabulky vyjádřené v procentech vám umožňují vytvářet tabulky, jejichž velikost se mění při změně velikosti okna prohlížeče. Pokud chcete, aby tabulka vždy zabírala 75 procent okna, bez ohledu na zobrazovanou plochu uživatele, nastavte velikost v procentech. Pokud chcete, aby tabulka měla vždy stejnou velikost bez ohledu na velikost okna prohlížeče, vyberte šířku tabulky v pixelech.

  Pokud je tabulka vložena do jiného kontejneru, např

  nebo tabulka s pevnou šířkou, velikost tabulky není založena na okně prohlížeče, ale na kontejneru.

  Poznámka: Počínaje v Dreamweaveru CS4 již nenajdete pole H (výška). Osvědčeným postupem je, že většina návrhářů neurčuje výšku stolu, protože obsah tabulky se může měnit od jednoho návštěvníka k druhému. Například velikost písma textu závisí na systému a nastavení uživatele.

• CellPad: Určuje mezeru mezi obsahem buňky a jejím okrajem.

• CellSpace: Určuje mezeru mezi buňkami tabulky.

• Zarovnat: Řídí zarovnání tabulky na webové stránce. Možnosti jsou Výchozí, Vlevo, Na střed a Vpravo. Obecně platí, že výchozí nastavení zarovnává tabulku z levé strany okna prohlížeče nebo jiného kontejneru.

• Border: Řídí velikost ohraničení kolem tabulky. Čím větší číslo, tím silnější okraj. Pokud chcete, aby byl okraj neviditelný, nastavte jej na 0.

• Třída: Poskytuje snadný přístup k možnostem šablony stylů.

• Vymazat a převést: Ikony v levé dolní části inspektoru Vlastnosti (zobrazíte je kliknutím na rozbalovací šipku v pravém dolním rohu) poskytují tyto možnosti formátování:

  • Vymazat výšky řádků a Vymazat šířky sloupců umožňují odstranit všechny hodnoty výšky a šířky najednou.

  • Převést šířky tabulky na pixely a Převést šířky tabulky na procenta umožňují automaticky změnit nastavení šířky z procent na pixely. Pixely určují pevnou šířku; nastavení procent znamená, že prohlížeč automaticky upraví zadané procento plochy zobrazení prohlížeče.

V buňce tabulky můžete také použít možnosti formátování a změnit atributy libovolného prvku – například textu, obrázku nebo multimediálního souboru. Chcete-li tak učinit, vyberte prvek a poté pomocí možností v inspektoru vlastností CSS nebo HTML proveďte požadované změny, stejně jako byste to udělali, kdyby prvek nebyl v buňce tabulky.