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ädietechnik | Kinderversorgung | Orthopädieschuhtechnik | Meistersprechstunde |
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ädietechnik | Kinderversorgung | Orthopädieschuhtechnik | Meistersprechstunde |