Hochgestellte Zeichen verursachen größeren Zeilenabstand
Tabacco
- css
Hi.
Ich versuche schon stundenlang, den durch hochgestellte Zeichen verursachten größeren Zeilenabstand in den Griff zu bekommen. Erste bei einer Mindestzeilenhöhe von 200% stimmen die Zeilenabstände davor und danach überein. Verkleinere ich die <sup>Schrift, wird es zwar besser, aber dann sind sie Zahlen nicht mehr lesbar. Weiß jemand Rat!
Ach so, Opera ist dabei am Störrischsten.
lg Tobacco
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<title>Hochgestellte Zeichen</title>
<meta http-equiv="Content-Style-Type" content="text/css" />
<style type="text/css" media="screen"><!--
body {
color: black;
font-size: 101%;
line-height: 120%;
padding-top: 100px;
padding-left: 100px }
#linie {
color: #c30;
position: absolute;
z-index: 2;
width: 300px }
#text {
color: #000;
position: absolute;
z-index: 1;
width: 300px }
--></style>
</head>
<body>
<p id="linie">_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _</p>
<p id="text">Dies ist ein Blindtext. An ihm lässt sich vieles ablesen über die Schrift, in der er gesetzt ist. Auf den ersten Blick<sup>1</sup> wird der Grauwert der Schriftfläche sichtbar. Dann kann man prüfen, wie gut die Schrift zu lesen ist und wie sie auf den Leser wirkt.</p>
</body>
</html>
Hallo,
Ich versuche schon stundenlang, den durch hochgestellte Zeichen verursachten größeren Zeilenabstand in den Griff zu bekommen.
Probier mal:
sup {vertical-align:top;}
viele Grüße
Axel
Hi.
Probier mal:
sup {vertical-align:top;}
Toll, das geht! Wo hätte ich das nachlesen können?
lg Tobacco
Hallo,
sup {vertical-align:top;}
>
> Toll, das geht! Wo hätte ich das nachlesen können?
Direkt nachlesen wohl nicht, allerdings kombinieren, Watson ;-). Die [vertical-align](http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align)-values sub und super sind die einzigen, welche die Position der Textgrundlinie in der Textzeile verschieben und somit die Zeilenhöhe verändern.
viele Grüße
Axel