Eigenschaften der Zelle

Positionieren Sie den Cursor in der Zelle, die Sie bearbeiten möchten und klicken Sie dann auf das Symbol Eigenschaften der Zelle. Es öffnet sich ein kleines Browser-Fenster mit zwei Karteireitern.

Achtung

Sie müssen im kleinen Browser-Fenster unbedingt wählen, für welche Zellen sich die Einstellungen auswirken sollen. Das Ausklappfenster hierzu befindet sich ganz unten, unmittelbar vor der Aktualisieren-Schaltfläche. Zur Auswahl stehen:

  • Diese Zelle verändern: Die Einstellungen wirken sich nur auf die aktuelle Zelle aus (Standard).
  • Alle Zellen in dieser Zeile verändern: Die Einstellungen wirken sich auf alle Zellen in der Zeile (horizontal) aus.
  • Alle Zellen der Tabelle verändern: Die Einstellungen wirken sich auf alle Zellen der Tabelle aus.

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

Falls Sie die Einstellungen zu einem späteren Zeitpunkt verändern möchten, müssen Sie den Cursor innerhalb der Tabellenzelle platzieren und dann auf das Symbol Eigenschaften der Zelle 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.

Karteireiter: Allgemein

Im Karteireiter Allgemein haben Sie die folgenden Einstellmöglichkeiten:

Ausrichtung

Wählen Sie aus dem Ausrichtung-Ausklappfenster, welche horizontale Ausrichtung der Inhalt der Tabellenzelle hat. Zur Auswahl stehen:

  • Links
  • Mittig
  • Rechts

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.

Zellentyp

Legen Sie mit dem Zellentyp-Ausklappfenster fest, welchem Typ die Zelle angehört. Zur Auswahl stehen:

  • Textzelle: Zelle mit normalem Tabelleninhalt (Standard)
  • Überschrift: Zelle mit einer Tabellenüberschrift

Vertikale Ausrichtung

Wählen Sie aus dem Vertikale Ausrichtung-Ausklappfenster, welche vertikale Ausrichtung der Inhalt der Tabellenzelle hat. Zur Auswahl stehen:

  • Oben
  • Mittig
  • Unten

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.

Bezug

Hinweis

Für blinde Besucher ist der Umgang mit Tabellen beschwerlich, da sie nicht mit einem schnellen Blick einen ersten visuellen Eindruck vom Aufbau der Tabelle erhalten können, um inhaltliche Bezüge herzustellen. Umso wichtiger ist es deshalb, dass Sie für diese Nutzer technische Hilfen in die Tabelle einfügen, damit sie leichter den Bezug zwischen den Überschriften- und Datenzellen der Tabelle herstellen können.

Sie müssen natürlich nicht für jede Zelle der Tabelle individuell den Bezug festlegen, sondern es reicht meist, wenn Sie ihn für die Überschriftenzellen einstellen. Mehr Informationen zur Barrierefreiheit erhalten Sie in Kapitel, Barrierefreiheit mit Contao.

Wählen Sie aus dem Bezug-Ausklappfenster die gewünschte Einstellung aus:

  • Spalte: Wählen Sie diese Option für Spaltenüberschriften (vertikal). Dies ist die typische Einstellung für Tabellenüberschriften im Tabellenkopf (meist die erste Zeile der Tabelle).
  • Zeile: Wählen Sie diese Option für Zeilenüberschriften (horizontal). Diese werden in Tabellen oft ganz links, ergänzend zu den Spaltenüberschriften, platziert.
  • Vertikal gruppieren: Wählen Sie diese Option für Spaltenüberschriften von Zeilengruppen (rowgroup). Diese Einstellung wird normalerweise nur bei komplexen Tabellen genutzt. Lassen Sie sich hierbei im Zweifelsfall von Ihrem Webdesigner helfen.
  • Horizontal gruppieren: Wählen Sie diese Option für Spaltenüberschriften von Spaltengruppen (colgroup). Diese Einstellung wird normalerweise nur bei komplexen Tabellen genutzt. Lassen Sie sich hierbei im Zweifelsfall von Ihrem Webdesigner helfen.

Breite

Legen Sie die Breite der Tabellenzelle 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 Tabellenzelle in Pixel fest. Falls Sie eine zu kleine Höhe angeben, erzwingt sich die Tabellenzelle 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 Tabellenzellen 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.

Karteireiter: Erweitert

Im Karteireiter Erweitert haben Sie die folgenden Einstellmöglichkeiten:

ID

Hier können Sie der Tabellenzelle 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.

Format

Sie können in das Format-Eingabefeld direkt CSS-Code eingeben, der sich dann auf die Tabellenzelle 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.

Schriftrichtung

Durch die Einträge im Schriftrichtung-Ausklappfenster können Sie festlegen, mit welcher Schriftrichtung (Links nach rechts oder Rechts nach links) die Tabellenzelle 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.

Sprachcode

Hier können Sie die genutzte Sprache für die Tabellenzeile 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 Tabellenzeile 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.

Rahmenfarbe

Sie können im Rahmenfarbe-Eingabefeld einen hexadezimalen Farbcode (mit vorhergehender Raute #) eingeben, um die Farbe des Tabellenzellenrahmens 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 Hintergrunds der Tabellenzeile 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.