Hochstellen/Tiefstellen - Website X5 Hilfe - Die Helpsite

Direkt zum Seiteninhalt

Hauptmenü:

Hochstellen/Tiefstellen

Tutorials


Hochstellen und Tiefstellen.

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 sieht es dann aus:


So wird es gemacht:


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


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 2:
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 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 <sub> und <sup> Tag:


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


« Hochstellen




Tiefstellen »


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

Feedbacks zu ""

es gibt insgesamt 0 Kommentar(e)



Name*
Vorname
Kommentar*
Email *
Homepage
Telefon
Sicherheitscode *
 
Logo HTML5
Button Spenden

© 2009 - 2017




  Besucher Statistik
 » 2 Online
 » 3 Heute
 » 1053 Woche
 » 3754 Monat
 » 61269 Jahr
 » 237569 Gesamt
Rekord: 1420 (10.04.2014)
Zurück zum Seiteninhalt | Zurück zum Hauptmenü