1. Sie sind hier:
  2. Home
    3. |
  3. Know How
    4. |
  4. Zeilenumbrüche in TYPO3

Zeilenumbrüche in TYPO3

Modernes Webdesign passt sich an. Das Layout der Webseite reagiert auf Browsergröße und individuelle Einstellungen des Benutzers. Das führt dazu, das Zeilen dynamisch umgebrochen werden. Das führt manchmal zu unschönen Dartsellungen. Z.B. wird steht Betrag in einer Zeile und die Währungsangabe darunter, weil beide durch ein Leezeichen getrennt sind. Umgekehrt können in TYPO3 zwei Wörter "aneinanderkleben" und immer gemeinsam umbrechen ohne dass man weiß, warum.

In beiden Fällen spielt das HTML-Tag "non breaking space"(" ") eine entscheidende Rolle. Es ermöglicht, dass:

  1. zwischen zwei Wörtern kein Zeilenumbruch stattfinden darf oder
  2. mehrere Leerzeichen zwischen zwei Wörtern im Browser ausgegebenen werden

Beides ist mit dem normalen Leerzeichen nicht möglich.

Wir schauen uns das nun aus der Sicht des TYPO3 Redakteurs an.

Einen Zeilenumbruch zwischen zwei Wörtern verhindern

Wenn Sie in TYPO3 einen Zeilenumbruch zwischen zwei Wörtern verhindern möchten, wählen Sie im Texteditor den Button "Quellcode" und geben Sie zwischen diesen beiden Wörtern den Code " " ein:

Zeilenumbruch zwischen 2 Wörtern in TYPO3 verhindern
Zeilenumbruch zwischen 2 Wörtern verhindern

Zeilenumbruch zwischen zwei Wörtern erzwingen

Normalerweise findet zwischen zwei Wörtern immer ein automatischer Zeilenumbruch statt. Sollte dies einmal nicht der Fall sein, ist vermutlich Folgendes passiert:

Sie haben zwischen den beiden Wörtern zweimal das Leerzeichen gesetzt.

Damit im Browser auch zwei Leerzeichen dargestellt werden, macht TYPO3 daraus die Zeichenfolge "   ", wie hier im Beispiel zwischen "Unsere Preisgestaltung":

Wenn Sie nun bemerken, dass ein Leerzeichen zuviel dargestellt wird, löschen Sie es in der Regel wieder. Leider kann es dann passieren, dass der Code " " statt des Leerzeichens stehen bleibt. Die Folge: Beide Wörter brechen zusammen um:

Gemeinsamer Zeilenumbruch von zwei Wörtern

Um diesen unschönen Zustand wieder zu korrigieren, löschen Sie alle Leerzeichen zwischen beiden Wörtern und setzen dann einfach nocheinmal eines:

Leerzeichen im TYPO3-Editor nocheinmal setzen