Hoch-/Tiefstellen im Text - Website X5 Helpsite

Logo Schriftzug
Logo WSX5
Scan QR or Download Android App
Direkt zum Seiteninhalt

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 «
Logo Host Europe
Button Spenden
🏠 © 2009 - 2024
Hosting by
Zurück zum Seiteninhalt