Skip to content
  • Anleitung TYPO3
  • Login / Account
  • Funktionen / Extensions
  • Audio / Video
  • Dig. Barrierefreiheit
  • Nutzungsbedingungen
  • FAQ
  • Central Information Technology (TYPO3-Team)
  • IT Service Center (ITSZ)
  • Technical University of Munich
Technical University of Munich
  • Startseite
  • Webauftritte
    • Nichtfakultäre Einrichtungen
    • TUM School of CIT
    • TUM School of ED
    • TUM School of LS
    • TUM School of MGT
    • TUM School of MH
    • TUM School of NAT
    • TUM School of SOT
    • TUM Graduate School (GS)
    • Integrative Research Institutes (IRI)
    • Technology Core Facilities (TCF)
    • Wissenschaftliche Zentralinstitute (WZI)
    • Hochschule für Politik
    • TYPO3 Web-Archiv
  • Service
    • Umfang
    • Nutzungsbedingungen
    • Anforderung
  • Anleitung
    • TYPO3 Grundlagen
      • Begriffe
      • Modulleiste
      • Seitenbaum
      • Filelist
      • Registrierung und Login ins Backend
      • Berechtigungskonzept
        • Groupdelegation
    • Arbeiten mit Seiten
      • Seitentypen
      • Seite anlegen
      • Seiten verbergen/sichtbar machen
      • Seiten sortieren/kopieren
      • Seiten löschen
      • Seite zeitsteuern
      • Seiten-Layout ändern
    • Arbeiten mit Seiteninhalten
      • Seiteninhaltstypen
      • Seiteninhalte anlegen
      • Überschriften
      • Text & Media
        • Bilder
        • Bildergalerie
        • Slideshow
        • Alternativtexte für Bilder schreiben
      • Audio & Video
        • Audiodateien einbinden
        • Video einbinden
      • Tabellen
      • File Links
      • Menu
      • Insert Records
      • Rich Text Editor (RTE)
      • Links setzen
      • Abstand zwischen Inhaltselementen
      • Mehrspaltiger Content
      • Akkordeon-Funktion
      • Rahmen & Boxen
      • Social Media Box
    • Extensions
      • CurlContent
      • TUM MemberList
      • TUMcourses
      • TUMvCard
      • News
      • iFrame with consent
      • T3UP Carousel
    • Englischsprachige Seite
    • Kontaktbereich
    • Rechtliches
    • Lageplan
      • Lageplan mit Google Maps
      • Lageplan mit dem BayernAtlas
  • Digitale Barrierefreiheit
    • Barrierefreie Inhalte mit TYPO3
    • Schnelleinstieg für Redakteure
    • Leichte Sprache
  • FAQs
  • Kontakt
  • Sitemap
  1. Startseite
  2. Anleitung
  3. Arbeiten mit Seiteninhalten
  4. Tabellen

Content Element "Table"

Die Verwendung des Content Elements "Table" ist aus mehreren Gründen (Usability, Barrierefreiheit, etc.) nur zu empfehlen, wenn Sie Ihre Tabelle mit mehreren Bildern befüllen möchten. In allen anderen Fällen verwenden Sie bitte die Tabellen mit dem RTE.

  • Inhaltselement anlegen
  • Tabelleninhalt einfügen
  • Bilder einfügen
  • Tabellenlayout wählen
  • Beispiel

Inhaltselement anlegen

Screenshot: Inhaltselement "Table" anlegen
Bild 1: Inhaltselement "Table" anlegen
  • Legen Sie ein neues Content Element vom Type "Table" an (Bild 1).

Tabelleninhalt einfügen

Screenshot: Table content
Bild 2: Table content
  • Mit den vorhandenen Icons können Sie Zeilen/Spalten einfügen/löschen oder die Reihenfolge verändern (Bild 2). 
     

Weitere Optionen:

  • Table Caption: Hier tragen Sie die Beschriftung der Tabelle ein. Nutzen Sie dieses Feld für eine Zusammenfassung des Tabelleninhalts im Sinne der Barrierefreiheit.

Bilder einfügen

Damit Sie Bilder in eine Tabelle einbauen können, müssen diese in der Filelist gespeichert sein. Erst danach können Sie diese in die Tabelle einbauen:

  • Rufen Sie die Filelist auf.
  • Öffnen Sie das Bild im Browser durch Klicken des Icons Show (Bild 3).
  • Kopieren Sie den markierten Teil der URL (Bild 4), und setzen Sie den Bildpfad (hier ein Beispiel) /fileadmin/w00cel/t3/slider/intro/Slide_2.jpg und den Alternatixtext Beispielbild in folgendem HTML Code ein: 
    <img src="/fileadmin/w00cel/t3/slider/intro/Slide_2.jpg" alt="Beispielbild">
  • Kopieren Sie den gesamten Code in spitzen Klammern und fügen Sie ihn in der gewünschten Zelle ein.
Screenshot: Bildadresse finden
Bild 3: Bildadresse finden
Screenshot: Bildadresse kopieren
Bild 4: Bildadresse kopieren

Tabellenlayout wählen

Das Tabellenlayout kann im Reiter "Appearance" gewählt werden (Bild 5).

Table Style: 

  • Equal Width (alle Spalten haben die gleiche Breite unabhängig vom Inhalt)
  • Gitternetz
  • Horizontal lines

Alle Styles sind responsive. 

Beispiel

Beispiel-Tabelle Gitternetz
Durchwahl Durchwahl Email Bild
Herr Mustermann -7647474 max.mustermann@tum.de Herr Mustermann
Frau Mustermann -7647473 max.mustermann@tum.de Frau Mustermann
To top

TUM TYPO3 (ZIT)

Technische Universität
München

Richard-Wagner-Str. 18
80333 München
typo3(at)tum.de

TYPO3 v12

Änderungen in TYPO3 v12 gegenüber der bisherigen Version 10

  • Privacy
  • Imprint
  • Accessibility