Hochstellen/Tiefstellen - Website X5 Hilfe - Die Helpsite

Website hundertprozent CO2 neutral mit Host Europe
Direkt zum Seiteninhalt

Hauptmenü

Hochstellen/Tiefstellen

Tutorials > Website X5


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 *
 
 

© 2009 - 2012

Suche



  Besucher Statistik
 » 5 Online
 » 62 Heute
 » 608 Woche
 » 1691 Monat
 » 12263 Jahr
 » 26365 Gesamt
Rekord: 273 (24.04.2012)
Newsletter
Zurück zum Seiteninhalt | Zurück zum Hauptmenü