isotope darstellen?
tommy
- css
nabend,
gibt es eine möglichkeit, ein isotop mit ordnungszahl und massenzahl übereinander darzustellen? praktisch such ich hochstellen und tiefstellen, aber übereinander (und möglichst einfach). wenn es das gibt, bin ich für tipps dankbar.
gruß
Grüße,
hoch und tiefstellen müsstest du selbst gefunden haben, für überienander müsste negatives margin helfen könne.
oder float, wobei das etwas trickig werden könnte.
MFG
bleicher
Hi,
gibt es eine möglichkeit, ein isotop mit ordnungszahl und massenzahl übereinander darzustellen? praktisch such ich hochstellen und tiefstellen, aber übereinander (und möglichst einfach).
Wenn der erste der beiden Werte eine feste Breite hat, könntest du den zweiten einfach mit einem negativen margin-left „heran ziehen“.
Ansonsten wäre, bei günstiger Verschachtelung der Elemente, ggf. auch absolute Positionierung in Betracht zu ziehen.
MfG ChrisB
Hi,
ergänzend: Die table-Werte für display wären auch noch eine Möglichkeit.
sub und sup sollte man vielleicht trotzdem zur Auszeichnung nutzen, damit das wenigstens noch halbwegs Sinn ergibt, wenn kein CSS verfügbar.
MfG ChrisB
@@ChrisB:
nuqneH
ergänzend: Die table-Werte für display wären auch noch eine Möglichkeit.
sub und sup sollte man vielleicht trotzdem zur Auszeichnung nutzen, damit das wenigstens noch halbwegs Sinn ergibt, wenn kein CSS verfügbar.
Sieht dann so aus:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<style>
[code lang=css].prescripts
{
display: inline-table;
vertical-align: middle;
}
.prescripts *
{
font-size: 0.5em;
display: table-row;
text-align: right;
vertical-align: baseline;
}
</style>
</head>
<body>
<p>Kohlenstoff <span class="prescripts"><sup>12</sup><sub>6</sub></span>C</p>
</body>
</html>[/code]
Mit MathML sollte das eigentlich auch gehen. Anscheinend scheinen die heutigen noch nicht genug MathML 2.0 zu verstehen.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
</head>
<body>
<p>Kohlenstoff
[code lang=xml] <math xmlns="http://www.w3.org/1998/Math/MathML">
<mmultiscripts>
<mi>C</mi>
<none/>
<none/>
<prescripts>
<mn>12</mn>
<mn>6</mn>
</prescripts>
</mmultiscripts>
</math>
</p>
</body>
</html>[/code]
Qapla'
Bei MathML geht es nicht darum, dass der Weppdesigner das verstehen muss, der Browser muss es verstehen.
Bei MathML geht es nicht darum, dass der Weppdesigner das verstehen muss, der Browser muss es verstehen.
»»
aber das andere klappt ziemlich gut, vielen dank