Tabellen
Tabellen können zum einen als Inline-Tabellen mithilfe des RTE angelegt werden, zum anderen aber auch als Tabellen-Element. Es ist leider etwas umständlicher, da die Dabellen als Plaintext-Code eingefügt werden müssen, jedoch ist es auf diesem Weg relativ einfach, CSV-Dateien per Copy&Paste auf einer Seite darzustellen.
Auf diesem Wege lässt sich auch etwas exakter definieren, wie die Header der tabelle zu bahandeln sind, und welche CSS-Klassen verwendet werden sollen.
Tabellen, die als Tabellen-Element in TYPO3 angelegt wurden, sind robuster und zukunftssicherer, da das HTML für die Ausgabe von TYPO3 unter Berücksichtigung des Design-Templates erzeugt werden. RTE-Tabellen werden hingegen fest als HTML-Element gespeichert, so dass die Code-Schreibweise veralten kann und sie von Browsern irgendwann nicht mehr korrekt angezeigt werden.
Genau wie bei den per RTE erstellten Inline-Tabellen geift hier der ResponsiveWrapper, der auf Mobil-Darstellungen die Darstellung der Tabelle umformt.
Das Erstellen von Tabellen ist hier erklärt.
Einspaltige Tabelle mit langen Inhalten (4 Zeilen, Layout: Default, gestreift)
Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. |
Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. |
Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. |
Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. |
Layout: Umfluss, sieben Spalten, gestreift, Tabellenkopf links
1 | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. | Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. |
---|---|---|---|---|---|---|
2 | Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. | Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. |
3 | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. | Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. |
4 | Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. | Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. |
100% Breite, vier Spalten, Überschrift verlinkt, Tabellenkopf oben
eins | zwei | drei | vier |
---|---|---|---|
Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. | Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. |
67% Breite, zwei Spalten
Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. |
Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. |
33% Breite, drei Spalten mit internem Link, umrahmt
Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. |
Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. |
50% Breite, 3 Spalten eingetragen Tabellenkopf oben, umrahmt
1 | 2 | 3 |
---|---|---|
Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. | Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. |
Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. |
50% Breite, sechs Spalten eingetragen + anschl. auf drei begrenzt, umrahmt
1 | 2 | 3 |
Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. | Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. |
Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. | Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. |
(Hier muss ein Trenner hinzugefügt werden, da die vorausgehende Tabelle mit Spaltenköpfen ein wenig höher ist, als die ohne)
Überschrift 5: Links, 33%, Zwölf Spalten, vier Zeilen, Tabellenkopf oben, blasser Hintergrund, gestreift
Vor- und Nachname | Geburtsdatum | Geburtsort | Straße + Hausnummer | Postleitzahl | Wohnort | Mailadresse | Telefonnummer | Tier | Urlaubsziel | Essen | Schlaf |
---|---|---|---|---|---|---|---|---|---|---|---|
Bert Beispiel | 05.05.1980 | Entenhausen | Gänsestraße 1 | 45678 | Entenhausen | nobody@uni-koeln.de | 0987/5643210 | Ente | Rom | Omnivor | 6 Stunden |
Alice Alias | 04.04.1904 | Beispielstadt | Durchweg 2 | 90123 | Beispielstadt | nobody@uni-koeln.de | 0123/4567890 | Fuchs | Paris | Vegetarisch | 8 Stunden |
Emil Exempel | 09.09.1999 | St. Synonym | Knochenweg 3 | 45678 | St. Anders | nobody@uni-koeln.de | 0986/7543210 | Hamster | Madrid | Vegan | 10 Stunden |
Überschrift 5: Mitte, 33%, Zwei Spalten, vier Zeilen, Tabellenkopf oben, dunkler runder Hintergrund
Vor- und Nachname | Geburtsdatum |
---|---|
Bert Beispiel | 05.05.1980 |
Alice Alias | 04.04.1904 |
Emil Exempel | 09.09.1999 |
Überschrift 5: Rechts, 33%, Zwölf Spalten, vier Zeilen, Tabellenkopf links, dunkler Hintergrund, umrahmt
Vor- und Nachname | Geburtsdatum | Geburtsort | Straße + Hausnummer | Postleitzahl | Wohnort | Mailadresse | Telefonnummer | Tier | Urlaubsziel | Essen | Schlaf |
---|---|---|---|---|---|---|---|---|---|---|---|
Bert Beispiel | 05.05.1980 | Entenhausen | Gänsestraße 1 | 45678 | Entenhausen | nobody@uni-koeln.de | 0987/5643210 | Ente | Rom | Omnivor | 6 Stunden |
Alice Alias | 04.04.1904 | Beispielstadt | Durchweg 2 | 90123 | Beispielstadt | nobody@uni-koeln.de | 0123/4567890 | Fuchs | Paris | Vegetarisch | 8 Stunden |
Emil Exempel | 09.09.1999 | St. Synonym | Knochenweg 3 | 45678 | St. Anders | nobody@uni-koeln.de | 0986/7543210 | Hamster | Madrid | Vegan | 10 Stunden |
67% , zwei Spalten, Überschrift extern verlinkt, kein Header, keine Streifen, nicht umrahmt.
Als zentrale Einrichtung bietet das RRZK den Angehörigen der Universität zu Köln umfangreiche IT-Angebote. | Sie erhalten von uns beispielsweise einen Personal- oder Studierenden-Account, den Sie für zahlreiche Dienste an der Universität nutzen können. |
Zentrale Angebote wie WLAN, E-Mail oder VPN werden unmittelbar von uns betreut. | Gerne unterstützen wir Sie per E-Mail, Telefon oder persönlich bei uns im Haus im Weyertal 121. |
Acht Spalten, vier Zeilen, Tabellenkopf oben, normale Breite, WiSo dunkel + abgerundet, umrahmt
Vor- und Nachname | Geburtsdatum | Geburtsort | Straße + Hausnummer | Postleitzahl | Wohnort | Mailadresse | Telefonnummer |
---|---|---|---|---|---|---|---|
Bert Beispiel | 05.05.1980 | Entenhausen | Gänsestraße 1 | 45678 | Entenhausen | nobody@uni-koeln.de | 0987/5643210 |
Alice Alias | 04.04.1904 | Beispielstadt | Durchweg 2 | 90123 | Beispielstadt | nobody@uni-koeln.de | 0123/4567890 |
Emil Exempel | 09.09.1999 | St. Synonym | Knochenweg 3 | 45678 | St. Anders | nobody@uni-koeln.de | 0986/7543210 |
Zwölf Spalten, vier Zeilen, Tabellenkopf oben, normale Breite, normaler Hintergrund, umrahmt
Vor- und Nachname | Geburtsdatum | Geburtsort | Straße + Hausnummer | Postleitzahl | Wohnort | Mailadresse | Telefonnummer | Tier | Urlaubsziel | Essen | Schlaf |
---|---|---|---|---|---|---|---|---|---|---|---|
Bert Beispiel | 05.05.1980 | Entenhausen | Gänsestraße 1 | 45678 | Entenhausen | nobody@uni-koeln.de | 0987/5643210 | Ente | Rom | Omnivor | 6 Stunden |
Alice Alias | 04.04.1904 | Beispielstadt | Durchweg 2 | 90123 | Beispielstadt | nobody@uni-koeln.de | 0123/4567890 | Fuchs | Paris | Vegetarisch | 8 Stunden |
Emil Exempel | 09.09.1999 | St. Synonym | Knochenweg 3 | 45678 | St. Anders | nobody@uni-koeln.de | 0986/7543210 | Hamster | Madrid | Vegan | 10 Stunden |