nicht angemeldet
hochgestellt / tiefgestellt
Gunnar BittersmannHallöle,
habe gesucht unter text... und font..., aber nicht gefunden.
Was entspricht auf CSS-isch dem <sup> und <sub> ?
LG Kalle
-
hi,
Was entspricht auf CSS-isch dem <sup> und <sub> ?
Diese beiden Element sind nicht deprecated, und auch in XHTML 1.0 noch vorhanden.
Ihnen "in CSS entsprechen" könnte lediglich eine Formatierung deiner Wahl, die optisch in etwa das gleiche bewirkt - kleinere Schriftgröße, andere vertikale Ausrichtung, ...
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
hi,
Ihnen "in CSS entsprechen" könnte lediglich eine Formatierung deiner Wahl, die optisch in etwa das gleiche bewirkt - kleinere Schriftgröße, andere vertikale Ausrichtung, ...
i {font-size:0.6em;vertical-align:bottom}
unterscheidet sich NICHT von
i {font-size:0.6em;vertical-align:top}
H<i>2</i>O
LG Kalle
-
hi,
H<i>2</i>O
Für so einen Fall ist das aber auch eine unsinnige Auszeichnung.
Die Information, dass die 2 tiefergestellt sein soll, ist für diese chemische Formel für Wasser eine absolut wesentliche, sie gehört also zum _Inhalt_, also ins HTML.
Sie ist kein optisches Gimmick, welches ins CSS gehören würde.gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
hi, wahsaga,
H<i>2</i>O
Die Information, dass die 2 tiefergestellt sein soll, ist für diese chemische Formel für Wasser eine absolut wesentliche, sie gehört also zum _Inhalt_, also ins HTML.
Sie ist kein optisches Gimmick, welches ins CSS gehören würde.Okay, das falsche Beispiel lenkt ab von einer Antwort. Hier das richtige, aber wesentlich umfangreichere Beispiel in einer Getränkekarte. Es geht um Fussnoten:
i {font-size:60%;height:0;vertical-align:top;background:#ffa;font-family: Verdana, Geneva}
p.ge {margin-right:3em}
p.mg {margin-top:-1.2em;margin-right:4em;text-align:right} /* MENGE */
p.pr {margin-top:-1.2em;text-align:right} /* PREIS */<p class=ge>Coca Cola <i> (1,2) </i> Cola Light <i> (1,2,5) </i> </p>
<p class=mg>0,3 l</p>
<p class=pr>2,00 €</p>
...
<i> 1 </i> mit Farbstoff, <i> 2 </i> coffeinhaltig,
<i> 3 </i> chininhaltig, 4 mit Benzonsäure,
<i> 5 </i> Süßstoff Saccharin/Aspartan/Phenylanalin,
<i> 6 </i> mit IngwerauszügenLG Kalle
-
Kalle,
Was spricht gegensup/sub? Wenn du einen Grund dagegen findest, gilt der gleichermaßen (oder gar insbesondere!) füri.Warum verwendest du nicht ¹ (U+00B9), ² (U+00B2), ³ (U+00B3), ⁴ (U+2074), ⁵ (U+2075), ⁶ (U+2076), …, ₁ (U+2081), ₂ (U+2082), ₃ (U+2083), ₄ (U+2084), ₅ (U+2085), ₆ (U+2086), …?
Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
-
-
-
-
-
Versuch es mal damit!
sub, sup {
line-height: 0px;
font-size: 60%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} -
Moin!
habe gesucht unter text... und font..., aber nicht gefunden.
Was entspricht auf CSS-isch dem <sup> und <sub> ?
Es gibt keine Umsetzung in CSS, weil <sup> und <sub> ganz eindeutig nur mit HTML umgesetzt werden können.
Genauso wie man mit HTML definiert, dass ein Textabsatz beginnt und endet, und definiert, welcher Teil eines Textes hervorgehoben ist, so definiert man, welcher Teil tief- oder hochgestellt ist.
WIE GENAU der dann aussieht, ist mit HTML wiederum nicht zu definieren, also z.B. wieviel höher der Text ist oder wieviel kleiner die Schriftart.
Die Definition "hochgestellt" oder "tiefgestellt" ist komplett semantisch. CSS wäre hierfür die falsche Sprache.
- Sven Rautenberg
--
My sssignature, my preciousssss!