Hilfe:Tabellen
Aus ZUM Deutsch Lernen
Hilfen in "ZUM Deutsch Lernen": Vorlagen, allgemeine Hilfeseiten
Hilfeseiten zu den Vorlagen
- Boxen
- Farben
- Mehrspaltenlayout
- Icons
- Vorlagen für Lernpfade
- Navigation
- Verstecken
- Fortsetzung
Multimedia
- Einbinden von Medien (Bilder, Youtube, Geogebra, etc.)
- Einbinden von externen Tools (Mentimeter, Padlet, Quizlet, AnswerGarden)
- Interaktive Übungen einbinden oder erstellen
- Links als Buttons anzeigen
Flexible Spalten
Die Spalten ordnen sich bei schmalem Display, aber auch bei geringer Auflösung (z.B. am Beamer), untereinander an. Als Basis gibt es -1, -2, -3, -4 und -6 Breiten, wobei sich width-2-6 identisch verhält wie width-1-3.
Um die Inhalte in einer Spalte anzuordnen, schreibt man sie an die Stelle der drei Punkte (…) in den folgenden Beispielen. Dabei kann man auch Absätze, Listen, Tabellen etc. verwenden.
<div class="grid">
<div class="width-1-3">...</div>
<div class="width-1-3">...</div>
<div class="width-1-3">...</div>
</div>
.width-1-3
.width-1-3
.width-1-3
<div class="grid">
<div class="width-1-2">...</div>
<div class="width-1-2">...</div>
</div>
.width-1-2
.width-1-2
<div class="grid">
<div class="width-1-4">...</div>
<div class="width-3-4">...</div>
</div>
.width-1-6
.width-5-6