Hoch-/Tiefstellen im Text - Website X5 Hilfe - Die Helpsite

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

Hoch-/Tiefstellen im Text

Tutorials
Hochstellen und Tiefstellen in Text-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 Formatirungen des Textes im Textobjekt selbst erfolgen.

Hier gehts zur Tabelle der HTML-Entities.

So sieht es dann aus:

So wird es gemacht:

Mein Garten hat 10 m2. Könnte größer sein.
Wasser wird auch als H2O bezeichnet.

<p align="left" style="font-family: tahoma; font-size: 12px;">
Mein Garten hat 10 m<sup>2</sup>. Könnte größer sein.<br>
Wasser wird auch als H<sub>2</sub>O bezeichnet.
</p>

Hier werden zusätzliche CSS-Einträge benötigt:
sup { vertical-align: top; }

sub { vertical-align: bottom; }

Mein Garten hat 10 m2. Könnte größer sein.
Wasser wird auch als H2O bezeichnet.

<p align="left" style="font-family: tahoma; font-size: 12px;">
Mein Garten hat 10 m<span style='vertical-align: 20%;'>2</span>.
Könnte größer sein.<br>
Wasser wird auch als
H<span style='vertical-align:-20%;'>2</span>O bezeichnet.
</p>

Mein Garten hat 10 m2. Könnte größer sein.
Wasser wird auch als H2O bezeichnet.

<p align="left" style="font-family: tahoma; font-size: 12px;">
Mein Garten hat 10 m<span style='vertical-align: 5px'>2</span>.
Könnte größer sein.<br>
Wasser wird auch als
H<span style='vertical-align:-5px;'>2</span>O bezeichnet.
</p>

Mein Garten hat 10 m2. Könnte größer sein.
Wasser wird auch als H2O bezeichnet.

<p align="left" style="font-family: tahoma; font-size: 12px;">
Mein Garten hat 10 m<span style='vertical-align: super;'>2</span>.
Könnte größer sein.<br>
Wasser wird auch als
H<span style='vertical-align: sub;'>2</span>O bezeichnet.
</p>

Mein Garten hat 10 m2. Könnte größer  sein.
Wasser wird auch als H2O bezeichnet.

Nur für die Verwendung in Website X5-Textobjekten mit HTML-Aktivierung:
Mein Garten hat 10 m<span style='vertical-align: text-bottom;'>2</span>.
Könnte größer  sein.
Wasser wird auch als H<span style='vertical-align: text-top;'>2</span>O bezeichnet.
Hier noch CSS Formatierungsbeispiele für den <sup> und <sub> Tag:
sup {
vertical-align: baseline;
font-size: 1.0em;
position: relative;
bottom: -0.4em;
}

« Hochstellen





Tiefstellen »

sub {
vertical-align: baseline;
font-size: 1.0em;
position: relative;
bottom: -0.4em;
}
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
Logo Host Europe
Button Spenden

© 2009 - 2019





Besucher Statistik
» 5 Online
» 196 Heute
» 389 Gestern
» 1610 Woche
» 3610 Monat
» 138527 Jahr
» 466283 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Hosting by
Zurück zum Seiteninhalt