Tabelle erstellen/bearbeiten

Im Rich Text Editor können Sie auch komplexe Tabellen erstellen. Für ganz einfache Tabellen empfehle ich stattdessen die Nutzung des Tabelle-Inhaltselements, da es einfacher zu bedienen ist. Mehr darüber erfahren Sie im Abschnitt, Inhaltselement: Tabelle.

Klicken Sie auf das Symbol Tabelle erstellen/bearbeiten. Es öffnet sich ein kleines Browser-Fenster mit zwei Karteireitern.

Nehmen Sie die gewünschten Einstellungen vor und bestätigen Sie Ihre Auswahl mit der Einfügen-Schaltfläche.

Falls Sie die Einstellungen zu einem späteren Zeitpunkt verändern möchten, müssen Sie den Cursor innerhalb der Tabelle platzieren und dann auf das Symbol Tabelle erstellen/bearbeiten klicken. Es öffnet sich wieder das kleine Browser-Fenster, in dem Sie die gewünschten Einstellungen vornehmen können. Bestätigen Sie diese dann mit der Aktualisieren-Schaltfläche.

Hinweis

Nachdem Sie die Tabelle erstellt haben, können Sie die Anzahl der Reihen und Spalten nicht mehr mit dieser Funktion beeinflussen, sondern müssen dafür auf die nachfolgend beschriebenen Funktionen zurückgreifen.

Karteireiter: Allgemein

Im Karteireiter Allgemein haben Sie die folgenden Einstellmöglichkeiten:

Spalten

Geben Sie an, wie viele Spalten (vertikal) die Tabelle haben soll.

Hinweis

Sie können die Spaltenanzahl natürlich nachträglich noch korrigieren. Mehr darüber erfahren Sie im Abschnitt, Spalte links einfügen, Abschnitt, Spalte rechts einfügen, und Abschnitt, Spalte löschen.

Zeilen

Geben Sie an, wie viele Zeilen (horizontal) die Tabelle haben soll.

Hinweis

Sie können die Zeilenanzahl natürlich nachträglich noch korrigieren. Mehr darüber erfahren Sie im Abschnitt, Zeile oberhalb einfügen, Abschnitt, Zeile unterhalb einfügen, und Abschnitt, Zeile löschen.

Abstand innerhalb der Zellen

Legen Sie den Innenabstand der Zeilen in Pixel fest.

Hinweis

Befüllen Sie dieses Feld möglichst nur nach Absprache mit Ihrem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Zellenabstand

Legen Sie den Abstand zwischen den Zeilen und Spalten in Pixel fest.

Hinweis

Befüllen Sie dieses Feld möglichst nur nach Absprache mit Ihrem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Ausrichtung

Wählen Sie, ob die Tabelle links, mittig oder rechts platziert werden soll.

Treffen Sie diese Auswahl möglichst nur nach Absprache mit dem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Rahmen

Legen Sie fest, wie dick der Rahmen der Tabelle in Pixel sein soll. Wenn Sie keinen Wert oder 0 definieren, wird die Tabelle im Rich Text Editor mit gestrichelten Linien dargestellt, damit Sie die einzelnen Felder bei der Eingabe unterscheiden können.

Hinweis

Befüllen Sie dieses Feld möglichst nur nach Absprache mit Ihrem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Breite

Legen Sie die Breite der Tabelle in Pixel fest. Falls Sie eine zu kleine Breite angeben, erzwingt sich die Tabelle in den meisten Browsern trotzdem die benötigte Breite.

Hinweis

Befüllen Sie dieses Feld möglichst nur nach Absprache mit Ihrem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Höhe

Legen Sie die Höhe der Tabelle in Pixel fest. Falls Sie eine zu kleine Höhe angeben, erzwingt sich die Tabelle in den meisten Browsern trotzdem die benötigte Höhe.

Hinweis

Befüllen Sie dieses Feld möglichst nur nach Absprache mit Ihrem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

CSS-Klasse

Wenn Ihr Webdesigner CSS-Klassen für Tabellen vordefiniert hat, können Sie diese aus dem CSS-Klasse-Ausklappfenster auswählen. Alternativ können Sie den value-Eintrag wählen. Dadurch leert sich das Feld und Sie können eine eigene CSS-Klasse angeben. Bedenken Sie aber, dass diese nur dann Auswirkungen hat, wenn sie auch im Layout der Seite eingebunden ist.

Beschriftung der Tabelle

Mit dieser Funktion können Sie der Tabelle eine sichtbare Beschriftung, ähnlich einer Überschrift zuweisen.

Setzen Sie den Haken in das quadratische Feld Beschriftung der Tabelle. Dadurch wird in der Tabelle nach Bestätigung der Einstellungen ganz oben ein übergreifendes Feld eingefügt, in das Sie diese Beschriftung schreiben können.

Beschriftung der Tabelle im Rich Text Editor

Falls Sie in den Einstellungen einen anderen Wert als 0 bei Rahmen haben, ist im Rich Text Editor kaum sichtbar, wo Sie die Beschriftung setzen können. Schalten Sie den Rahmen daher gegebenenfalls vorübergehend in den Einstellungen aus, wenn Sie der Tabelle eine Beschriftung zuweisen möchten.

Hinweis

Diese Funktion fügt der Tabelle das HTML-Element <caption> hinzu, das primär zur Verbesserung der Barrierefreiheit gedacht ist. Die Erfahrung hat jedoch gezeigt, dass es z. B. blinden Nutzern mehr bringt, wenn Sie stattdessen einfach unmittelbar vor die Tabelle eine normale Überschrift setzen. Diese hat den Vorteil, dass blinde Nutzer direkt zu ihr navigieren können.

Karteireiter: Erweitert

Im Karteireiter Erweitert haben Sie die folgenden Einstellmöglichkeiten:

ID

Hier können Sie der Tabelle eine ID zuweisen. Der Webdesigner kann dann unter anderem passend dazu individuelle CSS-Anweisungen hinterlegen. Beachten Sie, dass eine ID nur einmal pro Seite vorkommen darf.

Zusammenfassung

Fügen Sie hier eine Zusammenfassung des Inhalts der Tabelle ein. Diese Information ist eine Hilfestellung für blinde Nutzer. Alle anderen Frontend-Nutzer sehen diese Zusammenfassung nicht.

Hinweis

Achten Sie darauf, dass die Zusammenfassung kurz und aussagekräftig ist.

Schlechte Zusammenfassung: Wahl

Gute Zusammenfassung: Ergebnisse der Bundestagswahl 2009

Format

Sie können in das Format-Eingabefeld direkt CSS-Code eingeben, der sich dann auf die gesamte Tabelle auswirkt.

Hinweis

Befüllen Sie dieses Feld möglichst nur nach Absprache mit Ihrem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Sprachcode

Hier können Sie die genutzte Sprache für die Tabelle gemäß dem ISO 639–1 Standard festlegen. Diese Einstellung macht aber nur Sinn, wenn hier eine andere Sprache als für die restliche Seite eingesetzt wird.

Häufig genutzte Sprachkürzel sind:

  • de für Deutsch
  • en für Englisch
  • es für Spanisch
  • fr für Französisch
  • it für Italienisch
  • ru für Russisch

Hintergrundbild

Hier können Sie die URL zu einem Hintergrundbild für die Tabelle eingeben. Der Editor erstellt aus dieser Eingabe dann automatisch im Format-Einstellungsfeld der Tabellen den passenden CSS-Code.

Hinweis

Befüllen Sie dieses Feld möglichst nur nach Absprache mit Ihrem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Rahmen

Wenn Sie im Karteireiter Allgemein festgelegt haben, dass die Tabelle einen Rahmen hat, können Sie hier im Rahmen-Ausklappfenster wählen, wie der Außenrahmen der Tabelle dargestellt wird:

  • Keins: Der Tabellenaußenrahmen wird nicht angezeigt.
  • Nur oben: Der Tabellenaußenrahmen wird nur oben angezeigt.
  • Nur unten: Der Tabellenaußenrahmen wird nur unten angezeigt.
  • Oben und unten: Der Tabellenaußenrahmen wird oben und unten angezeigt.
  • Nur links: Der Tabellenaußenrahmen wird nur links angezeigt.
  • Nur rechts: Der Tabellenaußenrahmen wird nur rechts angezeigt.
  • Links und rechts: Der Tabellenaußenrahmen wird links und rechts angezeigt.
  • Alle 4 Seiten (Box): Der Tabellenaußenrahmen wird oben, links, rechts und unten sichtbar dargestellt.
  • Alle 4 Seiten (Border): identisch wie alle 4 Seiten (Box) - wurde ursprünglich wegen Rückwärtskompatibilität für alte Browser angeboten, ist mittlerweile aber überflüssig.

Hinweis

Treffen Sie hier möglichst nur nach Absprache mit Ihrem Webdesigner eine Auswahl. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Gitter

Wenn Sie im Karteireiter Allgemein festgelegt haben, dass die Tabelle einen Rahmen hat, können Sie hier im Gitter-Ausklappfenster wählen, wie die Innenrahmen der Tabelle dargestellt werden:

  • Keine: Die Tabelleninnenrahmen werden nicht angezeigt.
  • Zwischen Gruppen: Die Tabelleninnenrahmen werden horizontal zwischen Tabellenkopf, Tabellenkörper und Tabellenfuß gezogen.
  • Zwischen Zeilen: Die Tabelleninnenrahmen werden nur horizontal (zwischen den Zeilen) gezogen.
  • Zwischen Spalten: Die Tabelleninnenrahmen werden nur vertikal (zwischen den Spalten) gezogen.
  • Zwischen allen Zellen: Die Tabelleninnenrahmen werden überall gezogen (Standard).

Hinweis

Treffen Sie hier möglichst nur nach Absprache mit Ihrem Webdesigner eine Auswahl. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Schriftrichtung

Durch die Einträge im Schriftrichtung-Ausklappfenster können Sie festlegen, mit welcher Schriftrichtung (Links nach rechts oder Rechts nach links) die Tabelle dargestellt werden soll. Dies macht Sinn, wenn Sie z. B. arabische oder hebräische Schriftzeichen nutzen.

Hinweis

Normalerweise stellt der Webdesigner global die Schriftrichtung ein, falls sie wegen einer Fremdsprache anders als üblich laufen muss. Treffen Sie daher hierzu möglichst eine Absprache mit dem Webdesigner, falls Sie denken, dass die Einstellung notwendig ist.

Rahmenfarbe

Sie können im Rahmenfarbe-Eingabefeld einen hexadezimalen Farbcode (mit vorhergehender Raute #) eingeben, um die Farbe des Tabellenrahmens einzustellen.

Wenn Sie daneben auf die Durchsuchen-Grafik klicken, öffnet sich ein kleines Browser-Fenster, in dem Sie weitere Farbeinstellungen vornehmen können.

Durchsuchen-Grafik (Rahmenfarbe)

Hinweis

Nutzen Sie diese Funktion möglichst nur nach Absprache mit Ihrem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.

Hintergrundfarbe

Sie können im Hintergrundfarbe-Eingabefeld einen hexadezimalen Farbcode (mit vorhergehender Raute #) eingeben, um die Farbe des Tabellenhintergrunds einzustellen.

Wenn Sie daneben auf die Durchsuchen-Grafik klicken, öffnet sich ein kleines Browser-Fenster, in dem Sie weitere Farbeinstellungen vornehmen können.

Durchsuchen-Grafik (Hintergrundfarbe)

Hinweis

Nutzen Sie diese Funktion möglichst nur nach Absprache mit Ihrem Webdesigner. Er hat wahrscheinlich für Tabellen schon globale CSS-Anweisungen definiert.