Tabellen

Tabellen eignen sich zur übersichtlichen Strukturierung von Informationen. Sie können unterschiedlich viele Zeilen und Spalten enthalten, je nachdem, welche Daten Sie anzeigen möchten.

Druck

Beispiel

example.jpg
Druck

Elemente

elements.jpg
Innerhalb oder in Kombination mit der Tabelle können verschiedene Textformate und Links verwendet werden.
a. Tabellenüberschrift (H3)
b. Tabellenspaltentitel
c. Kopieren Sie, fett und regelmäßig
d. Textlinks
e. Aufzählungszeichen
f. Nummerierte Listen
g. Links
Druck

Tabellenversion mit mehr als 12 Spalten oder Inhaltsbreite

table versions.jpg
Abhängig von den angezeigten Informationen kann die Tabelle unterschiedlich viele Zeilen und Spalten enthalten.
a. Beispiel 4 Spalten und 3 Zeilen mit verschiedenen Kopierstilen und Links. Der Inhalt erstreckt sich über 12 Rasterspalten.
b. Beispiel 4 Spalten und 4 Zeilen mit nur Text.
c. Beispiel 8 Spalten, der Inhalt läuft über die gesamte Browserbreite mit einem Rand von 60 px nach links und rechts.

Zeilenhintergründe sind grau unterlegt und werden immer im gesamten Browser ausgeführt.
Druck

Tabelle mit mehr als sechs Apalten

table versions over 6.jpg
a. Die Tabellen können entweder über 6 Spalten mit ausgeblendeten Hintergründen links und rechts laufen
b. oder die Hintergründe können sich über 6 Spalten erstrecken und die Tabellenelemente werden nach innen verschoben.

Die Tabellen können miteinander oder mit anderen Komponenten wie Text oder Bildern kombiniert werden.

responsive behaviour.jpg
Links: Im größten Ansichtsfenster sind die Tabellenelemente entweder entlang des Rasters oder ihrer Zwischenräume ausgerichtet.
a. 12 Spalten
b. Inhalt breit
c. 6 Spalten

Mitte: In den nächsten beiden Ansichtsfenstern verhalten sich die Tabellen auf die gleiche Weise. Sollte die Gitter- oder Browserbreite für die Darstellung nicht mehr ausreichen, ist eine horizontale Bildlaufleiste integriert, mit der die Informationen angezeigt werden können (siehe b).

Rechts: Im kleinsten Ansichtsfenster werden alle Tabellen über 12 Spalten ausgeführt. Die Tabellentitel werden in der ersten Spalte mit einem hellgrauen Hintergrundfeld platziert, während der andere Inhalt horizontal gescrollt wird (siehe d).

 

Kontakt und Feedback

Das Team Brand Consultancy berät Sie gerne bei Fragen: Kontakt.
Wir freuen uns über ein Feedback zum Brand Portal.