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 geschieht ü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.
Bei Verwendung in Text-Objekten muss das HTML-Symbol aktiviert werden.

Version 5 funktioniert nicht im Internet Explorer©.

<b>Version 5 funktioniert nicht im Internet Explorer<sup>&copy;</sup></b>.

Hier gehts zur Tabelle der HTML-Entities.

So wird es gemacht:

So sieht es dann aus:

Mein Garten hat 10 m<sup>2</sup>. Könnte größer sein.
Wasser wird auch als H<sub>2</sub>O bezeichnet.

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

sub { vertical-align: bottom; }

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

Mein Garten hat 10 m<span style='vertical-align: 15%;'>2</span>.
Könnte größer sein.
Wasser wird auch als H<span style='vertical-align:-15%;'>2</span>O bezeichnet.

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

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

Mein Garten hat 10 m<span style='vertical-align: 5px'>2</span>.
Könnte größer sein.
Wasser wird auch als H<span style='vertical-align:-5px;'>2</span>O bezeichnet.

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

Mein Garten hat 10 m<span style='vertical-align: super;'>2</span>.
Könnte größer sein.
Wasser wird auch als H<span style='vertical-align: sub;'>2</span>O bezeichnet.

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

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.

Diese Version funktioniert nicht im Internet Explorer.

Hier noch CSS Formatierungsbeispiele für den <sup> und <sub> Tag:

sub {
vertical-align: baseline;
font-size: 1.0em;
position: relative;
bottom: -0.4em;
}
sup {
vertical-align: baseline;
font-size: 1.0em;
position: relative;
bottom: -0.4em;
}

« Hochstellen





Tiefstellen »

Feedbacks zu ""


Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2018





Besucher Statistik
» 2 Online
» 572 Heute
» 469 Gestern
» 1807 Woche
» 5758 Monat
» 75579 Jahr
» 322157 Gesamt
Record: 1420 (10.04.2014)
Gesamt Downloads:
Zurück zum Seiteninhalt