Thomas J.S.: keine kleinen Abstände mit NS4.x möglich?

Beitrag lesen

Hallo Philip!

kleine Zeilenabstände bei Netscape habe ich bisher immer mit der CSS-Angabe "line-height" realisieren
können. Im beigefügten Beispiel geht das u. a. auch mit dem

'p' -Tag.

Ich habe deinen Code nur geingfügig geändert (im CSS nur die Farben)
Der Code "funktioniert" auch ohne <img> aber damit wird es deutlicher.

<html>
<head>
<title>test 4</title>
<style type="text/css">
<!--

p.h1
{ font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#000000;
  line-height:20px
}
p.h2
{ font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#000000;
  line-height:8px
}
td.h3
{ font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#ff0000;
  line-height:8px
}

-->
</style>
</head>
<body>

<table border=1 cellpadding=4 cellspacing=0><tr valign=top>
<td><p class="h1"><img src="bild.jpg" width="100" height="55" alt="" border="1"><br>
text tex text text text text</p>
<p class="h1">20 pixel<br>20 pixel</p></td>
</tr><tr>
<td><p class="h2">8 pixel<br>8 pixel</p>
<p class="h2">8 pixel<br>8 pixel</p></td>
</tr><tr>
<td class="h3">
<p>hi hi<br>he he</p>
<p>ho ho<br>ha ha</p>
</td></tr></table>

</body>
</html>

Jetzt schaue dir an was in NS passiert. Nett, oder?
Deshalb vorsicht mit line-height.

War nur ein Tip.

Grüße
Thomas