1-image 2-image 3-image
Sie sind hier: Startseite > Templates > Silbentrennung 1

Silbentrennung 1

Ein Text sieht meist schöner aus, wenn Silbentrennung angewendet wird. Dann sind beim eingestellten Flatterrand rechts keine so großen Lücken, weil eventuell lange Worte in die neue Zeile umgebrochen werden. Ich verwende hier ein angepasstes Template und habe keine händischen Änderungen vorgenommen.

Ein paar weiter Infos dazu: developer.mozilla.org und bei Torsten Landsiedel

Mit neuen Browsern (Februar 2021: Firefox 86, Internet Explorer 11, nicht MS Edge und Opera im normalen Text, jedoch bei der Tabelle) wird die Silbentrennung inzwischen realisiert, wenn im Template entsprechend die Dateien «template.htm» und «stylesheet.css» erweitert bzw. geändert werden. Chrome sträubt sich seit Jahren strikt gegen eine Silbentrennung, die bei Mehrspaltigkeit und dem dabei meist gewünschten Blocksatz (justify) unerlässlich wäre.

Die automatische Silbentrennung funktioniert nur mit gleichzeitiger Sprachangabe im HTML-Element nach dem Muster (1).

1) In der «template.htm» muss es aus <html lang="<?=$sl;?>"> für deutsch in <html lang="de"> geändert werden.
2) In der «stylesheet.css» kannst Du das aktivieren, wenn Du die Eigenschaft dem Element body {   (bitte hierauf achten!) zuordnest. Bitte beachte, dass es mehrere Stellen mit body {
/* hier stehen weitere Eigenschaften */
}
geben kann. Alle sind mit hyphens:auto; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; zu ändern (sihe unten).


body {
/* hier stehen weitere Eigenschaften */
hyphens:auto; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto;
}


"hyphens" klappt auch in der Tabelle, meistens! Dafür ist dieser Code einzutragen.

<table style="-moz-hyphens: auto;">

Beispiel 1 Beispiel 2 Beispiel 3 Beispiel 4
Orthopädie­technik Kinder­ver­sorgung Orthopädie­schuh­technik Meister­sprech­stunde

 

Es funktioniert auf diese Weise nicht mit responsiven Tabellen.


Um den Effekt wie unten hinzubekommen, muss in der stylesheet.css des Templates beim Aufruf table.respTable – (tables responsive / horiz. scrollable)
white-space: nowrap;  gelöscht werden. Dann funktioniert es auch mit der Silbentrennung in responsiven Tabellen.

Beispiel 1 Beispiel 2 Beispiel 3 Beispiel 4
Orthopädie­technik  Kinder­ver­sorgung Orthopädie­schuh­technik Meister­sprech­stunde

 

Letzte Bearbeitung:
Please activate JavaScript in your browser.

» Sitemap

Aufgrund der neuen Cookies-Verordnung der EU: Einige Bereiche dieser Website benötigen zu ihrer Funktion neben den sogenannten SESSION-Cookies, auch Cookies, die personenbezogenen Daten enthalten, die sich auf Sie, Ihren Webclient und / oder Ihr Gerät (PC oder Mobil-Gerät) beziehen (also: personenbezogenen Daten). Es werden nur seiteninterne Werte gespeichert. Bitte geben Sie Ihre Erlaubnis, evtl. weitere Cookies auf Ihrem Rechner zu platzieren. Erfahren Sie mehr über diese Cookies im Unterpunkt des Impressums bei Cookies.