Absatzabstand definieren
Michael Bieri
- css
0 Stefan Einspender0 Andreas-Lindig0 emu
Hallo
Ich habe einige Absätze:
<p>Blablablabla</p>
<p>blaaaaaaaaaa</p>
<p>bllllla</p>
Natürlich macht der Browser nach jedem Absatz einen ziemlich grossen vertikalen Abstand. Ich möchte aber KEINEN vertikalen Abstand zwischen den <p>, lediglich natürlich der Zeilenumbruch. Wie mach ich das mit CSS? Achtung: Es müssen <p> sein und nicht etwa mit <br>
Gruss
Michael
Hallo Michael,
Natürlich macht der Browser nach jedem Absatz einen ziemlich grossen vertikalen Abstand. Ich möchte aber KEINEN vertikalen Abstand zwischen den <p>, lediglich natürlich der Zeilenumbruch. Wie mach ich das mit CSS?
http://de.selfhtml.org/css/eigenschaften/randabstand.htm und eventuell
http://de.selfhtml.org/css/eigenschaften/innenabstand.htm sollten Dich
zur Lösung dieses Problemes führen.
Viele Grüße,
Stefan
der link hier wurde auch mal vor einiger zeit geposted:
Hallo hurz,
Leider wird darin der Einsatz des Selektors "p + p" empfohlen. Wunderschön,
nur dummerweise kommt der Internet Explorer, dieser NN 4 des 21. Jahrhunderts
nicht damit zurecht, weswegen es unpraktikabel im praktischen Einsatz ist.
Weiß jetzt ehrlich gesagt nicht, was das große Problem an der Sache
ist, das folgende Beispiele zeigt bei mir im Mozilla 1.3, Opera 7.11
und MSIE 6.0 SP1 genau den gewünschten Effekt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>123</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
p { padding: 0;
margin: 0; }
</style>
</head><body>
<p>123<br>123</p>
<p>123<br>123</p>
<p>123<br>123</p>
</body></html>
Ist sicher noch eleganter lösbar, aber sollte doch so erstmal klappen.
Viele Grüße,
Stefan
Hallo
auch so,
Ich möchte aber KEINEN vertikalen Abstand zwischen den <p>
<p style="margn-top:0px">Blablablabla</p>
Gruß, Andreas
Hallo
mhhh...
Ich habs so versucht:
Im Stylesheet
p{
margin-top: 0px;
}
<p>blabla</p>
Aber das geht nicht!
Gruss
Michael
Hallo!
Ich habe einige Absätze:
Ich möchte aber KEINEN vertikalen Abstand zwischen den <p>, lediglich natürlich der Zeilenumbruch. Wie mach ich das mit CSS?
Ich weiß natürlich, dass deine Frage beantwortet ist, aber im Sinne eines konsistenten Archivs möchte ich noch auf </archiv/2003/3/41319/> hinweisen.
emu