Zobrazení obsahu pomocí tabulek

Naposledy aktualizováno 27. 4. 2021

Získejte další informace o použití tabulek za účelem prezentace obsahu vašeho webu. Zároveň se naučte rozdělovat a slučovat buňky tabulky a importovat nebo exportovat tabulková data.

Tabulky představují účinný nástroj pro prezentaci tabulkových dat na HTML stránce. Tabulka je tvořena jedním nebo více řádky; každý řádek se skládá z jedné nebo více buněk. Ačkoliv sloupce nejsou obvykle explicitně specifikovány v HTML kódu, Dreamweaver umožňuje manipulaci se sloupci stejně jako s řádky a buňkami.

Poznámka

Nedoporučuje se používat tabulky pro rozvržení webové stránky. Vyzkoušejte počáteční šablony (Soubor > Nový > Počáteční šablony) pro začátek práce s přednavrženými rozvrženími. Do těchto rozvržení můžete vložit vlastní text a obrázky a stylovat je pomocí CSS.

Priorita formátování tabulek v HTML

Při formátování tabulek v zobrazení Návrh můžete nastavit vlastnosti celé tabulky nebo vybraných řádků, sloupců nebo buněk v tabulce. Když je vlastnost, například barva pozadí nebo zarovnání, nastavena na jednu hodnotu pro celou tabulku a jiná hodnota dané vlastnosti je nastavena pro jednotlivé buňky, formátování buňky má přednost před formátováním řádku, které má zase přednost před formátováním tabulky.

Pořadí priority formátování tabulky je následující:

  1. Buňky
  2. Řádky
  3. Tabulka

Pokud například nastavíte barvu pozadí pro jednu buňku na modrou, pak nastavíte barvu pozadí celé tabulky na žlutou, modrá buňka se nezmění na žlutou, protože formátování buňky má přednost před formátováním tabulky.

Poznámka

Když nastavujete vlastnosti sloupce, Dreamweaver změní atributy značky td odpovídající každé buňce ve sloupci.

Rozdělování a slučování buněk tabulky

Můžete sloučit libovolný počet sousedních buněk — pokud je celý výběr řádek nebo obdélník buněk — a vytvořit tak jednu buňku, která se rozprostírá přes několik sloupců nebo řádků. Buňku můžete rozdělit na libovolný počet řádků nebo sloupců bez ohledu na to, zda byla předtím sloučena. Dreamweaver automaticky přestrukturuje tabulku (přidá všechny potřebné atributy colspan nebo rowspan) a vytvoří tak specifikované uspořádání.

V následujícím příkladu byly buňky uprostřed prvních dvou řádků sloučeny do jedné buňky, která se rozprostírá přes dva řádky.

Sloučené buňky

Vložení tabulky a přidání obsahu

Pro vytvoření nové tabulky použijte panel Vložit nebo nabídku Vložit. Pak přidávejte text a obrázky do buněk tabulky stejným způsobem, jakým přidáváte text a obrázky mimo tabulku.

Umístěte kurzor tam, kde chcete, aby se tabulka zobrazila.

Poznámka

Pokud je dokument prázdný, můžete kurzor umístit pouze na začátek dokumentu.

  • Vyberte volbu Vložit > Tabulka.

  • V panelu Vložit v kategorii HTML klikněte na Tabulka.

Nastavte atributy dialogového okna Tabulka a klikněte na OK pro vytvoření tabulky.
Vytvoření tabulky
Vytvoření tabulky

Řádky

Určuje počet řádků tabulky.

Sloupce

Určuje počet sloupců tabulky.

Šířka tabulky

Určuje šířku tabulky v pixelech nebo jako procento šířky okna prohlížeče.

Tloušťka okraje

Určuje šířku okraje tabulky v obrazových bodech.

Mezery buněk

Určuje počet obrazových bodů mezi sousedními buňkami tabulky.

Poznámka

Když neurčíte jednoznačně hodnoty tloušťky okraje nebo mezer buněk a odsazení buněk, většina prohlížečů zobrazí tloušťku okraje tabulky a odsazení buněk s hodnotou 1 obrazový bod a mezery buněk s hodnotou 2 obrazové body. Chcete-li se ujistit, že prohlížeče zobrazují tabulku bez okrajů, odsazení nebo mezer, nastavte hodnoty Odsazení buňky a Mezery buněk na 0.

Odsazení buňky

Určuje počet pixelů mezi ohraničením buňky a jejím obsahem.

Žádné:

Vypíná záhlaví sloupce nebo řádku v tabulce.

Doleva

Nastaví první sloupec tabulky jako sloupec pro záhlaví, takže můžete zadat záhlaví pro každý řádek tabulky.

Nahoru

Nastaví první řádek tabulky jako řádek pro záhlaví, takže můžete zadat záhlaví pro každý sloupec tabulky.

Obojí

Umožňuje zadat záhlaví sloupců a řádků v tabulce.

Poznámka

Záhlaví je vhodné používat v případě, že návštěvníci stránek používají programy pro čtení z obrazovky. Programy pro čtení z obrazovky čtou záhlaví tabulky a pomáhají uživatelům udržovat přehled o informacích v tabulce.

Popisek

Poskytuje název tabulky, který se zobrazuje mimo tabulku.

Přehled

Obsahuje popis tabulky. Čtečky obrazovky čtou text souhrnu, ale text se nezobrazuje v prohlížeči uživatele.

Import a export tabulek

Můžete importovat tabulková data, která byla vytvořena v jiné aplikaci (například Microsoft Excel) a uložena ve formátu odděleného textu (s položkami oddělenými tabulátory, čárkami, dvojtečkami nebo středníky) do aplikace Dreamweaver a naformátovat je jako tabulku.

Tabulková data můžete také exportovat z aplikace Dreamweaver do textového souboru, přičemž obsah sousedních buněk bude oddělen oddělovačem.Jako oddělovače můžete použít čárky, dvojtečky, středníky nebo mezery.Při exportu tabulky se exportuje celá tabulka; nemůžete vybrat části tabulky k exportu.

Poznámka

Pokud chcete pouze některá data z tabulky—například prvních šest řádků nebo prvních šest sloupců—pak zkopírujte buňky obsahující tato data, vložte tyto buňky mimo tabulku (čímž vytvoříte novou tabulku) a exportujte novou tabulku.

Import dat tabulky

Vyberte Soubor > Import > Import tabulkových dat.

Určete volby tabulkových dat a klikněte na tlačítko OK.

Datový soubor

Název souboru, který se má importovat. Klikněte na tlačítko Procházet a vyberte soubor.

Oddělovač

Oddělovač použitý v importovaném souboru.

Pokud vyberete Jiný, napravo od rozbalovací nabídky se zobrazí textové pole. Zadejte oddělovač použitý v souboru.

Poznámka

Určete oddělovač, který byl použit při uložení datového souboru. Pokud to neuděláte, soubor se neimportuje správně a data nebudou v tabulce správně formátována.

Šířka tabulky

Šířka tabulky.

  • Výběrem volby Přizpůsobit datům nastavíte šířku sloupců podle nejdelšího textového řetězce ve sloupci.

  • Výběrem volby Nastavit určíte pevnou šířku tabulky v obrazových bodech nebo jako hodnotu v procentech šířky okna prohlížeče.

Okraj

Určuje šířku okraje tabulky v obrazových bodech.

Odsazení buňky

Počet pixelů mezi obsahem buňky a hranicemi buňky.

Mezery buněk

Počet obrazových bodů mezi sousedními buňkami tabulky.

Poznámka

Pokud neurčíte jednoznačně hodnoty okraje, mezer buněk a odsazení buněk, většina prohlížečů zobrazí okraje a odsazení buněk v tabulce s hodnotou 1 obrazový bod a mezery buněk 2 obrazové body. Pokud chcete, aby webové prohlížeče zobrazovaly tabulku bez odsazení a mezer, nastavte Odsazení buňky a Mezery buněk na 0. Chcete-li zobrazit okraje buněk a tabulky, když je okraj nastavený na hodnotu 0, vyberte volbu Zobrazení > Vizuální pomůcky > Okraje tabulky.

Formátovat horní řádek

Určuje, jaké formátování (pokud nějaké) se použije na horní řádek tabulky.Vyberte ze čtyř možností formátování: žádné formátování, tučné, kurzíva nebo tučná kurzíva.

Export tabulky

Umístěte kurzor do libovolné buňky tabulky.
Vyberte Soubor > Export > Tabulka.
Určete následující možnosti:

Oddělovač

Určuje, který znak oddělovače se má použít k oddělení položek v exportovaném souboru.

Rozdělení řádků

Určuje, v kterém operačním systému budete exportovaný soubor otevírat: Windows, Macintosh nebo UNIX.(Různé operační systémy mají různé způsoby označování konce řádku textu.)

Klepněte na tlačítko Exportovat.
Zadejte název souboru a klepněte na tlačítko Uložit.

Výběr elementů tabulky

Můžete vybrat celou tabulku, řádek nebo sloupec najednou.Můžete také vybrat jednu nebo více jednotlivých buněk.

Když přesunete ukazatel nad tabulku, řádek, sloupec nebo buňku, Dreamweaver zvýrazní všechny buňky v tomto výběru, takže víte, které buňky budou vybrány.To je užitečné, když máte tabulky bez okrajů, buňky, které se rozprostírají přes více sloupců nebo řádků, nebo vnořené tabulky.Barvu zvýraznění můžete změnit v předvolbách.

Poznámka

Pokud umístíte ukazatel nad okraj tabulky a podržíte klávesu Ctrl (Windows) nebo Command (Macintosh), zvýrazní se celá struktura tabulky—tedy všechny buňky v tabulce.To je užitečné, když máte vnořené tabulky a chcete vidět strukturu jedné z tabulek.

Výběr celé tabulky

Chcete-li vybrat tabulku, proveďte jeden z následujících kroků:

  • Klikněte na levý horní roh tabulky a vyberte tabulku.
  • Klikněte do buňky tabulky a pak vyberte značku v selektoru značek v levém dolním rohu okna dokumentu.
  • Klepněte do buňky tabulky, klepněte na nabídku záhlaví tabulky a klepněte na tlačítko Vybrat tabulku. Nad dolním a pravým okrajem tabulky se zobrazí táhla výběru.
  • Klikněte do buňky tabulky a vyberte Upravit > Tabulka > Vybrat tabulku.

Vyberte jednotlivé nebo více řádků nebo sloupců

Umístěte ukazatel tak, aby směřoval k levému okraji řádku nebo hornímu okraji sloupce.
Když se ukazatel změní na šipku výběru, klikněte pro výběr řádku nebo sloupce nebo táhněte pro výběr více řádků nebo sloupců.
Výběr řádku

Výběr jednoho sloupce

Klepněte ve sloupci.
Klikněte na nabídku v záhlaví sloupce a zvolte Vybrat sloupec.

Výběr jedné buňky

Proveďte jeden z následujících úkonů:

  • Klepněte v buňce a vyberte tag <td> v selektoru tagů v levém dolním rohu okna dokumentu.
  • Klepněte v buňce se stisknutou klávesou Ctrl (Windows) nebo Apple (Macintosh).

Vyberte řádek nebo obdélníkový blok buněk

Proveďte jeden z následujících úkonů:
  • Táhněte z jedné buňky do druhé.

  • Klepněte do jedné buňky, klepnutím do stejné buňky se stisknutou klávesou Ctrl (Windows) nebo Apple (Macintosh) tuto buňku vyberte a pak se stisknutou klávesou Shift klepněte do jiné buňky.

Výběr bloku buněk

Výběr nesousedících buněk

Klikněte při stisknuté klávese Ctrl (Windows) nebo Command (Macintosh) na buňky, řádky nebo sloupce, které chcete vybrat.

Pokud každá buňka, řádek nebo sloupec, na který kliknete při stisknuté klávese Ctrl nebo Command, ještě není vybrán, přidá se do výběru. Pokud je již vybrán, odebere se z výběru.

Změna barvy zvýraznění pro prvky tabulky

Vyberte Upravit > Předvolby (Windows) nebo Dreamweaver > Předvolby (Macintosh).
Vyberte Zvýraznění ze seznamu kategorií vlevo, proveďte jednu z následujících změn a klikněte na tlačítko OK.
  • Chcete-li změnit barvu zvýraznění elementů tabulky, klepněte na pole barvy pro hodnotu Myš nad a vyberte barvu zvýraznění v dialogovém okně pro výběr barvy (nebo zadejte hexadecimální hodnotu barvy zvýraznění do textového pole).

  • Chcete-li zapnout nebo vypnout zvýraznění elementů tabulky, vyberte nebo odznačte volbu Zobrazit pro hodnotu Myš nad.

Poznámka

Tyto možnosti ovlivňují všechny objekty, které Dreamweaver zvýrazní, když nad nimi přesunete ukazatel.  

Nastavení vlastností tabulky

K úpravě tabulek můžete použít panel Vlastnosti.

Vyberte tabulku.
V panelu Vlastnosti (Okno > Vlastnosti) změňte vlastnosti podle potřeby.
Vlastnosti tabulky
Vlastnosti tabulky

Identifikátor tabulky

Identifikátor dané tabulky.

Řádky a sloupce

Počet řádků a sloupců v tabulce.

W

Šířka tabulky v obrazových bodech nebo v procentech šířky okna prohlížeče.

Poznámka

Výšku tabulky obvykle nemusíte zadávat.

Odsazení buňky

Počet pixelů mezi obsahem buňky a hranicemi buňky.

Mezery buněk

Počet obrazových bodů mezi sousedními buňkami tabulky.

Zarovnání

Určuje, kde se tabulka zobrazí vzhledem k ostatním elementům ve stejném odstavci, například textu nebo obrazům.

Volna Doleva zarovná tabulku vlevo od ostatních elementů (aby se text ve stejném odstavci zalomil okolo tabulky vpravo); volba Doprava zarovná tabulku napravo od ostatních elementů (s textem zalomeným okolo tabulky vlevo); volba Na střed tabulku vystředí (text se zobrazí nad a/nebo pod tabulkou). Hodnota Výchozí znamená, že prohlížeč by měl používat výchozí zarovnání.

Poznámka

Když zarovnání nastavíte na hodnotu Výchozí, vedle tabulky se nezobrazí žádný obsah. Chcete-li zobrazit tabulku vedle dalšího obsahu, použijte zarovnání Doleva nebo Doprava.

Okraj

Určuje šířku okraje tabulky v obrazových bodech.

Poznámka

Pokud neurčíte jednoznačně hodnoty okraje, mezer buněk a odsazení buněk, většina prohlížečů zobrazí okraje a odsazení buněk v tabulce s hodnotou 1 obrazový bod a mezery buněk 2 obrazové body. Chcete-li se ujistit, že prohlížeče zobrazují tabulku bez odsazení nebo mezer, nastavte hodnoty Okraj, Odsazení buňky a Mezery buněk na 0. Chcete-li zobrazit okraje buněk a tabulky, když je okraj nastavený na hodnotu 0, vyberte volbu Zobrazení > Vizuální pomůcky > Okraje tabulky.

Třída

Nastavuje u tabulky třídu CSS.

Poznámka

Aby byly následující možnosti viditelné, bude možná potřeba tabulku s nástrojem Inspektor vlastností rozšířit. Tabulku Inspektor vlastností rozšíříte klepnutím na rozbalovací šipku v pravém dolním rohu.

Vymazat šířky sloupců a Vymazat výšky řádků

a Vymazat výšky řádků odstraní všechny přímo zadané hodnoty výšky řádků nebo šířky sloupců z tabulky.

Převést šířky v tabulce na obrazové body

a Převést výšky tabulky na pixely nastaví šířku nebo výšku každého sloupce v tabulce na jeho aktuální šířku v pixelech (také nastaví šířku celé tabulky na její aktuální šířku v pixelech).

Převést šířky v tabulce na procenta

a Převést výšky tabulky na procenta nastaví šířku nebo výšku každého sloupce v tabulce na jeho aktuální šířku vyjádřenou jako procento šířky okna Dokument (také nastaví šířku celé tabulky na její aktuální šířku jako procento šířky okna Dokument).

Pokud jste zadali hodnotu do textového pole, stiskněte klávesu Tab nebo Enter (Windows) nebo Return (Macintosh) pro použití hodnoty.

Nastavení vlastností buňky, řádku nebo sloupce

K úpravě buněk a řádků v tabulce můžete použít panel Vlastnosti.

Vyberte sloupec nebo řádek.
V Inspektoru vlastností (Okno > Vlastnosti) nastavte následující volby:

Vodorovně

Určuje vodorovné zarovnání obsahu buňky, řádku nebo sloupce. Obsah můžete zarovnat doleva, doprava nebo na střed buněk, nebo můžete určit, že prohlížeč by měl použít své výchozí zarovnání (obvykle vlevo pro běžné buňky a na střed pro buňky záhlaví).

Svisle

Určuje svislé zarovnání obsahu buňky, řádku nebo sloupce. Obsah můžete zarovnat nahoru, na střed, dolů nebo na účaří buněk, nebo určit, že prohlížeč by měl použít své výchozí zarovnání (obvykle na střed).

Š a V

Šířka a výška vybraných buněk v obrazových bodech nebo v procentech šířky nebo výšky celé tabulky. Chcete-li zadat hodnotu v procentech, zadejte za hodnotou symbol procenta (%). Chcete-li nechat prohlížeč určit správnou šířku nebo výšku podle obsahu buňky a šířky a výšky ostatních sloupců nebo řádků, nechte pole prázdné (výchozí).

Standardně prohlížeč určí výšku řádku a šířku sloupce podle nejširšího obrazu nebo nejdelšího řádku ve sloupci. Kvůli tomu se sloupec po přidání obsahu občas nastaví na mnohem širší než ostatní sloupce v tabulce.

Poznámka

Výšku můžete zadat v procentech celkové výšky tabulky, ale řádek se s takto zadanou výškou v procentech nemusí zobrazit ve všech prohlížečích.

Pozadí

Barva pozadí buňky, sloupce nebo řádku vybraná pomocí výběru barvy.

Sloučit buňky

Sloučí vybrané buňky, řádky nebo sloupce do jedné buňky. Buňky lze sloučit pouze v případě, že tvoří obdélníkový nebo lineární blok.

Rozdělit buňku

Rozdělí buňku a vytvoří dvě nebo více buněk. Rozdělit můžete pouze jednu buňku najednou; toto tlačítko je neaktivní, pokud je vybrána více než jedna buňka.

Nezalamovat

Zabraňuje zalomení řádku a udržuje veškerý text v dané buňce na jednom řádku. Pokud je povolena možnost Nezalamovat, buňky se rozšiřují, aby pojaly veškerá data při psaní nebo vkládání do buňky. (Obvykle se buňky rozšiřují vodorovně, aby pojaly nejdelší slovo nebo nejširší obrázek v buňce, a pak se rozšiřují svisle podle potřeby, aby pojaly další obsah.)

Záhlaví

Naformátuje vybrané buňky jako buňky záhlaví tabulky. Obsah buněk záhlaví tabulky je ve výchozím nastavení tučný a zarovnaný na střed.

Poznámka

Šířky a výšky můžete zadávat v pixelech nebo v procentech a můžete převádět z pixelů na procenta a zpět.

Poznámka

Když nastavujete vlastnosti sloupce, Dreamweaver změní atributy značky td odpovídající každé buňce ve sloupci. Když však nastavujete určité vlastnosti řádku, Dreamweaver změní atributy značky tr místo změny atributů každé značky td v řádku. Když používáte stejné formátování pro všechny buňky v řádku, použití formátování na značku tr vytváří čistší a stručnější HTML kód.

Stiskněte klávesu Tab nebo klávesu Enter (Windows) nebo klávesu Return (Macintosh) pro použití hodnoty.

Formátování tabulek a buněk

Vzhled tabulek můžete zmenit nastavením vlastností tabulky a jejich buněk nebo použitím přednastavených návrhů na tabulku. Než nastavíte vlastnosti tabulky a buněk, uvědomte si, že pořadí přednosti formátování je buňky, řádky a tabulky.

Poznámka

Pro formátování textu uvnitř buňky tabulky použijte stejné postupy, které byste použili pro formátování textu mimo tabulku.

Změnit formát tabulky, řádku, buňky nebo sloupce

Vyberte volbu tabulku, buňku, řádek nebo sloupec.
V Inspektoru vlastností (Okno > Vlastnosti) klikněte na šipku pro rozbalení v pravém dolním rohu a podle potřeby změňte vlastnosti.
Změňte vlastnosti podle potřeby.

Pro více informací o možnostech klikněte v Inspektoru vlastností na ikonu Nápověda.

Poznámka

Když nastavujete vlastnosti sloupce, Dreamweaver změní atributy značky td odpovídající každé buňce ve sloupci. Když však nastavujete určité vlastnosti řádku, Dreamweaver změní atributy značky tr místo změny atributů každé značky td v řádku. Když používáte stejné formátování pro všechny buňky v řádku, použití formátování na značku tr vytváří čistší a stručnější HTML kód.

Přidat nebo upravit hodnoty přístupnosti pro tabulku v zobrazení Kód

Upravit příslušné atributy v kódu.
Poznámka

Pro rychlé vyhledání značek v kódu klikněte do tabulky a pak vyberte značku <table> v selektoru značek ve spodní části okna Dokument.

Přidat nebo upravit hodnoty přístupnosti pro tabulku v zobrazení Návrh

  • Chcete-li upravit popisek tabulky, zvýrazněte popisek a napište nový popisek.
    • Chcete-li upravit zarovnání popisku, umístěte kurzor do popisku tabulky, klikněte pravým tlačítkem (Windows) nebo při stisknuté klávese Control (Macintosh) a pak vyberte možnost Upravit kód značky.

    • Chcete-li upravit souhrn tabulky, vyberte tabulku, klikněte pravým tlačítkem (Windows) nebo při stisknuté klávese Ctrl (Macintosh) a pak vyberte možnost Upravit kód značky.

Změnit velikost tabulek, sloupců a řádků

Změna velikosti tabulek

Můžete změnit velikost celé tabulky nebo jednotlivých řádků a sloupců. Když změníte velikost celé tabulky, všechny buňky v tabulce se změní proporcionálně. Pokud mají buňky tabulky specifikované explicitní šířky nebo výšky, změna velikosti tabulky změní vizuální velikost buněk v okně dokumentu, ale nezmění specifikované šířky a výšky buněk.

Velikost tabulky můžete změnit tažením jednoho z jejích úchytů pro výběr. Aplikace Dreamweaver zobrazuje šířku tabulky spolu s nabídkou záhlaví tabulky v horní nebo dolní části tabulky, když je tabulka vybrána nebo je v tabulce kurzor.

Někdy se šířky sloupců nastavené v kódu HTML neshodují s jejich zdánlivými šířkami na obrazovce. Když k tomu dojde, můžete šířky sjednotit. Šířky tabulek a sloupců a nabídky záhlaví se objeví v aplikaci Dreamweaver, aby vám pomohly uspořádat tabulky; šířky a nabídky můžete podle potřeby povolit nebo zakázat.

Změna velikosti řádků a sloupců

Šířku sloupce nebo výšku řádku můžete změnit v Inspektoru vlastností nebo tažením okrajů sloupce nebo řádku. Pokud máte potíže se změnou velikosti, můžete vymazat šířky sloupců nebo výšky řádků a začít znovu.

Poznámka

Šířky a výšky buněk můžete také změnit přímo v kódu HTML použitím zobrazení Kód.

Aplikace Dreamweaver zobrazuje šířky sloupců spolu s nabídkami záhlaví sloupců v horní nebo dolní části sloupců při výběru tabulky nebo umístění kurzoru v tabulce; nabídky záhlaví sloupců můžete podle potřeby povolit nebo zakázat.

Změna velikosti tabulky

Vyberte tabulku. Pokud se nacházíte v živém zobrazení, Zobrazení elementu bude přístupné po zvolení tabulky. Kliknutím na ikonu sendviče vstoupíte do režimu formátování tabulky.

  • Chcete-li změnit velikost tabulky horizontálně, táhněte úchyt pro výběr vpravo.

  • Chcete-li změnit velikost tabulky vertikálně, táhněte úchyt pro výběr v dolní části.

  • Chcete-li změnit velikost tabulky v obou rozměrech, táhněte úchyt pro výběr v pravém dolním rohu.

Režim formátování tabulky v živém zobrazení ukončíte stisknutím klávesy Esc nebo kliknutím mimo tabulku. K další úpravě tabulky můžete použít možnosti nabídky Upravit > Tabulka.

Poznámka: Možnosti v nabídce Úpravy > Tabulka se liší podle toho, zda jste vybrali celou tabulku, nebo jedinou buňku. Pokud v živém zobrazení vyberete celou tabulku, v okně Zobrazení elementu se zobrazí tag „table“. Pokud vyberete konkrétní buňku, zobrazí se tag „td“. Chcete-li přepnout z režimu formátování buněk do režimu formátování tabulky, klikněte na okraj tabulky.

Změna šířky sloupce při zachování celkové šířky tabulky

V zobrazení Návrh přetáhněte pravý okraj sloupce, který chcete změnit.

Šířka sousedního sloupce se také změní, takže ve skutečnosti změníte velikost dvou sloupců. Vizuální zpětná vazba vám ukáže, jak se sloupce přizpůsobí; celková šířka tabulky se nezmění.

Změna šířky sloupce při zachování šířky tabulky

Poznámka

V tabulkách s šířkami založenými na procentech (ne na pixelech) při tažení pravého okraje nejpravějšího sloupce se změní šířka celé tabulky a všechny sloupce se proporcionálně rozšíří nebo zúží.

Změna šířky sloupce při zachování velikosti ostatních sloupců

V zobrazení Návrh podržte klávesu Shift a přetáhněte ohraničení sloupce.

Šířka jednoho sloupce se změní. Vizuální zpětná vazba ukazuje, jak se sloupce upraví; celková šířka tabulky se změní tak, aby vyhovovala sloupci, jehož velikost měníte.

Změna šířky sloupce při zachování šířky ostatních sloupců

Vizuální změna výšky řádku

Přetáhněte dolní okraj řádku.

Sladit šířky sloupců v kódu s vizuálními šířkami

Klepněte do buňky.
Klikněte na nabídku záhlaví tabulky a vyberte příkaz Sladit všechny šířky.

Dreamweaver resetuje šířku určenou v kódu tak, aby odpovídala vizuální šířce.

Vymazání všech nastavených šířek nebo výšek v tabulce

Vyberte tabulku.
Proveďte jeden z následujících úkonů:
  • Vyberte nabídku Upravit > Tabulka > Vymazat šířky buněk nebo Upravit > Tabulka > Vymazat výšky buněk.

  • V inspektoru vlastností (Okna > Vlastnosti) klepněte na tlačítko Vymazat výšky řádků nebo Vymazat šířky sloupců .

  • Klikněte na nabídku záhlaví tabulky a vyberte příkaz Vymazat všechny výšky nebo Vymazat všechny šířky.

Vymazání nastavené šířky sloupce

Klikněte do sloupce, klikněte na nabídku záhlaví sloupce a vyberte příkaz Vymazat šířku sloupce.

Povolit nebo zakázat šířky tabulek a sloupců a nabídky v zobrazení návrhu

Vyberte nabídku Zobrazení > Možnosti zobrazení Návrh > Vizuální pomůcky > Šířky tabulek.

Přidání a odstranění řádků a sloupců

Chcete-li přidat a odebrat řádky a sloupce, použijte nabídku Upravit > Tabulka nebo nabídku záhlaví sloupce.

Poznámka

Stisknutí klávesy Tab v poslední buňce tabulky automaticky přidá do tabulky další řádek.

Přidání jednoho řádku nebo sloupce

Klepněte do buňky a proveďte jeden z následujících úkonů:
  • Vyberte nabídku Upravit > Tabulka > Vložit řádek nebo Upravit > Tabulka > Vložit sloupec.

    Nad textovým kurzorem se objeví řádek nebo se nalevo od textového kurzoru objeví sloupec.

  • Klepněte na nabídku záhlaví sloupce a vyberte volbu Vložit sloupec vlevo nebo Vložit sloupec vpravo.

     

Vložení více řádků nebo sloupců

Klepněte do buňky.

Vyberte nabídku Upravit > Tabulka > Vložit řádky nebo sloupce, vyplňte dialogové okno a klikněte na tlačítko OK.

Vložit

Určuje, zda se mají vložit řádky nebo sloupce.

Počet řádků nebo počet sloupců

Počet řádků nebo sloupců, které se mají vložit.

Kde

Určuje, zda se nové řádky nebo sloupce mají zobrazit před nebo za řádkem nebo sloupcem vybrané buňky.

Odstranění řádku nebo sloupce

Proveďte jeden z následujících úkonů:
  • Klikněte do buňky v řádku nebo sloupci, který chcete odstranit, a vyberte nabídku Upravit > Tabulka > Odstranit řádek nebo Upravit > Tabulka > Odstranit sloupec.

  • Vyberte úplný řádek nebo sloupec a stiskněte klávesu Delete.

  • v inspektoru Vlastnosti (Okna > Vlastnosti) proveďte jeden z následujících úkonů:
    • Chcete-li přidat nebo odstranit řádky, zvyšte nebo snižte hodnotu Řádky.
    • Chcete-li přidat nebo odstranit sloupce, zvyšte nebo snižte hodnotu Sloupce.
Poznámka

Dreamweaver vás neupozorní, pokud odstraňujete řádky a sloupce, které obsahují data.

Rozdělení a sloučení buněk

K rozdělení nebo sloučení buněk použijte Inspektor vlastností nebo možnosti v podnabídce Upravit > Tabulka.

Sloučení dvou nebo více buněk v tabulce

Vyberte buňky v souvislé linii a ve tvaru obdélníka.

Na následující ilustraci je výběr obdélníkem buněk, takže buňky lze sloučit.

Buňky lze sloučit v obdélníku buněk

Na následující ilustraci není výběr obdélníkem, takže buňky nelze sloučit.

Buňky nelze sloučit, pokud není výběr obdélníkový

Proveďte jeden z následujících úkonů:
  • Vyberte Upravit > Tabulka > Sloučit buňky.

  • V rozšířeném HTML inspektoru vlastností (Okno > Vlastnosti) klikněte na Sloučit buňky.

Poznámka

Pokud tlačítko nevidíte, klikněte na šipku rozšíření v pravém dolním rohu inspektoru vlastností, aby se zobrazily všechny možnosti.

Obsah jednotlivých buněk se umístí do výsledné sloučené buňky. Vlastnosti první vybrané buňky se použijí na sloučenou buňku.

Rozdělení buňky

Klikněte do buňky a proveďte jednu z následujících akcí:
  • Vyberte Upravit > Tabulka > Rozdělit buňku.

  • V rozšířeném HTML inspektoru vlastností (Okno > Vlastnosti) klikněte na Rozdělit buňku.

Poznámka

Pokud tlačítko nevidíte, klepnutím na rozbalovací šipku v pravém dolním rohu inspektoru vlastností zobrazíte všechny volby.

V dialogovém okně Rozdělit buňku určete způsob rozdělení buňky:

Rozdělit buňku na

Určuje, zda se má buňka rozdělit na řádky nebo sloupce.

Počet řádků / Počet sloupců

Určuje počet řádků nebo sloupců, na které se má buňka rozdělit.

Zvětšit nebo zmenšit počet řádků nebo sloupců, které buňka zabírá

Proveďte jeden z následujících úkonů:
  • Vyberte Upravit > Tabulka > Zvětšit rozpětí řádku nebo Upravit > Tabulka > Zvětšit rozpětí sloupce.

  • Vyberte Upravit > Tabulka > Zmenšit rozpětí řádku nebo Upravit > Tabulka > Zmenšit rozpětí sloupce.

Kopírování, vložení a odstranění buněk

Můžete kopírovat, vkládat nebo odstranit jednu buňku tabulky nebo více buněk najednou při zachování formátování buněk.

Buňky můžete vkládat na pozici kurzoru nebo místo výběru v existující tabulce.Pro vložení více buněk tabulky musí být obsah schránky kompatibilní se strukturou tabulky nebo výběru v tabulce, do které se buňky vkládají.

Vyjmutí nebo kopírování buněk tabulky

Vyberte jednu nebo více buněk v souvislém řádku a ve tvaru obdélníku.

Na následující ilustraci je výběr obdélníkem buněk, takže buňky lze vyjmout nebo zkopírovat.

Buňky lze vyjmout nebo zkopírovat v obdélníku buněk

Na následující ilustraci výběr nemá tvar obdélníku, takže buňky nelze vyjmout nebo zkopírovat.

Buňky nelze vyjmout nebo kopírovat, pokud není výběr obdélníkový

Vyberte volbu Úpravy > Vyjmout nebo Úpravy > Kopírovat.
Poznámka

Pokud jste vybrali celý řádek nebo sloupec a vyberete Upravit > Vyjmout, celý řádek nebo sloupec se odstraní z tabulky (nejen obsah buněk).

Vložení buněk tabulky

Vyberte místo, kam chcete buňky vložit:
  • Chcete-li nahradit existující buňky vkládanými, vyberte sadu existujících buněk se stejným rozvržením, jako mají buňky ve schránce. (Pokud jste například kopírovali nebo vyjmuli blok buněk 3 x 2, můžete vybrat pro nahrazení vložením jiný blok buněk 3 x 2.)

  • Chcete-li vložit celý řádek buněk nad určitou buňku, klepněte do této buňky.

  • Chcete-li vložit celý sloupec buněk vlevo od určité buňky, klepněte do této buňky.

Poznámka

Pokud máte ve schránce méně než celý řádek nebo sloupec buněk, klepnete do buňky a vložíte buňky ze schránky, buňka, do které jste klepnuli, a její sousedé může být (záleží na poloze buňky v tabulce) nahrazena vkládanými buňkami.

  • Chcete-li pomocí vkládaných buněk vytvořit novou tabulku, umístěte textový kurzor mimo tabulku.
Vyberte volbu Úpravy > Vložit.

Pokud vkládáte celé řádky nebo sloupce do existující tabulky, řádky nebo sloupce se přidají do tabulky. Pokud vkládáte jednotlivou buňku, obsah vybrané buňky se nahradí.Pokud vkládáte mimo tabulku, řádky, sloupce nebo buňky se použijí k definici nové tabulky.

Odstranit obsah buněk, ale ponechat buňky beze změny

Vyberte jednu nebo více buněk.
Poznámka

Ujistěte se, že výběr se neskládá pouze z úplných řádků nebo sloupců.

Stiskněte klávesu Delete.

Poznámka

Pokud jsou při výběru Upravit > Vymazat nebo stisknutí klávesy Delete vybrány pouze úplné řádky nebo sloupce, celé řádky nebo sloupce—nejen jejich obsah—se odstraní z tabulky.

Odstranit řádky nebo sloupce obsahující sloučené buňky

Vyberte řádek nebo sloupec.

Vyberte Upravit > Tabulka > Odstranit řádek nebo Upravit > Tabulka > Odstranit sloupec.

Vnoření tabulek

Vnořená tabulka je tabulka uvnitř buňky jiné tabulky. Vnořenou tabulku můžete formátovat stejně jako jakoukoli jinou tabulku, ale její šířka je omezena šířkou buňky, ve které se nachází.

Klepněte do buňky existující tabulky.
Vyberte Vložit > Tabulka, nastavte možnosti Vložit tabulku a klikněte na OK.

Uspořádání tabulek

Řádky tabulky můžete seřadit podle obsahu jednoho sloupce. Můžete také provést složitější řazení tabulky založené na obsahu dvou sloupců.

Nelze řadit tabulky obsahující atributy colspan nebo rowspan – tedy tabulky obsahující sloučené buňky.

Vyberte tabulku nebo klikněte do libovolné buňky.

Vyberte Upravit > Tabulka > Řadit tabulku, nastavte možnosti v dialogovém okně a klikněte na OK.

Uspořádat podle

Určuje, které hodnoty sloupce budou použity k řazení řádků tabulky.

Pořadí

Určuje, zda řadit sloupec abecedně nebo numericky a zda jej řadit ve vzestupném pořadí (A až Z, nižší čísla k vyšším číslům) nebo sestupném pořadí.

Když jsou obsahem sloupce čísla, vyberte Numericky. Abecední řazení aplikované na seznam jedno- a dvojciferných čísel má za následek řazení čísel jako slov (což vede k pořadí jako 1, 10, 2, 20, 3, 30) namísto řazení jako čísel (což vede k pořadí jako 1, 2, 3, 10, 20, 30).

Pak podle/Pořadí

Určuje pořadí řazení pro sekundární řazení v jiném sloupci. Určete sloupec pro sekundární řazení ve vyskakovací nabídce Potom podle a pořadí sekundárního řazení ve vyskakovacích nabídkách Pořadí.

Uspořádat včetně prvního řádku

Specifikuje, že první řádek tabulky má být zahrnut do řazení. Pokud je první řádek záhlaví, které by se nemělo přesunout, nevybírejte tuto možnost.

Uspořádat řádky záhlaví

Specifikuje řazení všech řádků v sekci thead tabulky (pokud existuje) za použití stejných kritérií jako řádky těla. (Všimněte si, že řádky thead zůstávají v sekci thead a stále se objevují v horní části tabulky i po řazení.) Informace o značce thead naleznete na panelu Reference (vyberte Nápověda > Reference).

Uspořádat řádky zápatí

Specifikuje řazení všech řádků v sekci tfoot tabulky (pokud existuje) za použití stejných kritérií jako řádky těla. (Všimněte si, že řádky tfoot zůstávají v sekci tfoot a stále se objevují ve spodní části tabulky i po řazení.) Informace o značce tfoot naleznete na panelu Reference (vyberte Nápověda > Reference).

Po provedení uspořádání zachovat barvy všech řádků

Specifikuje, že atributy řádků tabulky (jako je barva) by měly zůstat spojené se stejným obsahem po řazení. Pokud jsou řádky vaší tabulky formátované dvěma střídavými barvami, nevybírejte tuto možnost, abyste zajistili, že seřazená tabulka bude mít stále střídavé barevné řádky.Pokud jsou atributy řádků specifické pro obsah jednotlivých řádků, vyberte tuto možnost, abyste zajistili, že tyto atributy zůstanou přidruženy ke správným řádkům v seřazené tabulce.