Den Titel da oben, kann man übrigens ausschalten (nur, dass ich es erwähnt hab *s*).

Tipps zur richtigen Anwendung (hier ist bei „CSS-Klasse“ der Wert „weisser-text“ eingegeben, bei der Zeile ist ein „padding“ eingegeben)

In gefährlichem Gelände nach einem Sturz einfach einstecken

1.

Vor der ersten Tour

Diese (und auch die oberen) Spalten haben eine Farbe (und nicht die Zeile – den die Zeile hat keine Farbe). Zusätzlich ist bei den Spalten noch ein „border“ (ein weißer Rand) definiert, damit zwischen den Zellen ein Abstand ist – und ein „Padding“ von 5 Pixel nach oben, 8 Pixel nach unten und 20 Pixel links und rechts, damit der Text nicht am Rand klebt. Die obere Zeile (die rot / blaue) hat einen unteren Rand (margin-bottom) von 0 (Null), weil dieser standardmässig 35 Pixel wäre, wir aber keinen Abstand wollen.


Lawine-Tiefschee-ButtonMy name: Peter Müller


Lawine-Tiefschee-ButtonMy name: Peter Müller


Lawine-Tiefschee-ButtonMy name: Peter Müller


Bitte überprüfen:


 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

In gefährlichem Gelände nach einem Sturz einfach einstecken
  1. Zahlen können wir dann gern zentral auf rot setzten, wenn das gewünscht ist.
  2. Das machen wir aber erst ganz zum Schluß.
  3. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat
  4. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat

Tipp: (hier wird getrickst mit margin und padding)

Tipp: (hier wird getrickst mit margin und padding)

Tipp: (hier wird getrickst mit margin und padding)

Eed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.