Hoch-/Tiefstellen im Text
Tutorials
Hochstellen und Tiefstellen in HTML-Objekten
Hochstellen und Tiefstellen von Textbereichen erfolgen in der Regel über die 2 HTML-TAGs <sup> und <sub>.
Die einzelne HTML-Elemente müssen innerhalb des sichtbaren HTML-Dokuments mit Hilfe von Stylesheet-Eigenschaften formatiert werden.
Die Formatdefinitionen gelten dann genau für den Geltungsbereich des betreffenden HTML-Elements und nach den Regeln der natürlichen Formatvererbung auch für Kindelemente des betreffenden Elements. Sinnvoll ist diese Möglichkeit, wenn man entweder sonst auf CSS verzichtet und es nur mal für ein paar Ausnahmen benötigt. Natürlich gibt es wie immer auch andere Möglichkeiten.
Bei Verwendung in Text-Objekten muss das HTML-Symbol aktiviert werden. Auch auf die Tags mit den Style-Informationen
<p align="left" style="font-family: tahoma; font-size: 12px;"> und </p> kann dann verzichtet werden, da die Formatierungen des Textes im Textobjekt selbst erfolgen.
Bitte beachten, dass dies nur Beispiele sind und bei Verwendung die Formatierungen im Verhältnis zum Text angepasst werden müssen.
Hier gehts zur Tabelle der HTML-Entities.
So sieht es dann aus:
So wird es gemacht:
Mein Garten hat
4000 m2.
Könnte größer sein.
Wasser wird auch als
H2O
bezeichnet.
<p align="left" style="font-family: tahoma; font-size: 14px;">
Mein Garten hat
4000 m<sup>2</sup>.
Könnte größer sein.<br>
Wasser wird auch als
H<sub>2</sub>O
bezeichnet.
</p>
Hier werden zusätzlich die unten genannten CSS-Einträge <sup>...</sup> und <sub>...</sub> benötigt.
Mein Garten hat
4000 m2.
Könnte größer sein.
Wasser wird auch als
H2O
bezeichnet.
<p align="left" style="font-family: tahoma; font-size: 14px;">
Mein Garten hat
4000 m<span style="vertical-align: 53%; font-size: 9px;">2</span>.
Könnte größer sein.<br>Wasser wird auch als
H<span style="vertical-align: -30%; font-size: 9px;">2</span>O
bezeichnet.
</p>
Mein Garten hat
4000 m2.
Könnte größer sein.
Wasser wird auch als
H2O
bezeichnet.
<p align="left" style="font-family: tahoma; font-size: 14px;">
Mein Garten hat
4000 m<span style="vertical-align: 6px; font-size: 9px;">2</span>.
Könnte größer sein.<br>Wasser wird auch als
H<span style="vertical-align: -3px; font-size: 9px;">2</span>O
bezeichnet.
</p>
Mein Garten hat
4000 m2.
Könnte größer sein.
Wasser wird auch als
H2O
bezeichnet.
<p align="left" style="font-family: tahoma; font-size: 14px;">
Mein Garten hat
4000 m<span style="vertical-align: super; font-size: 9px;">2</span>.
Könnte größer sein.<br>Wasser wird auch als
H<span style="vertical-align: sub; font-size: 9px;">2</span>O
bezeichnet.
</p>
Hier noch CSS Formatierungsbeispiele für die <sup>...</sup> und <sub>...</sub> Tags:
sup {
vertical-align: baseline;font-size: 9px;position: relative;top: -0.6em;
}
« Hochstellen
Tiefstellen »
sub {
vertical-align: baseline;font-size: 9px;position: relative;bottom: -0.4em;}
» nach oben «