Michael Bieri: Absatzabstand definieren

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

  1. 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

    1. der link hier wurde auch mal vor einiger zeit geposted:

      http://www.w3.org/Style/Examples/007/indent.html

      1. Hallo hurz,

        http://www.w3.org/Style/Examples/007/indent.html

        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.

        • Tim
    2. 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

  2. Hallo

    auch so,

    Ich möchte aber KEINEN vertikalen Abstand zwischen den <p>

    <p style="margn-top:0px">Blablablabla</p>

    Gruß, Andreas

    1. Hallo

      mhhh...

      Ich habs so versucht:

      Im Stylesheet

      p{
        margin-top: 0px;
      }

      <p>blabla</p>

      Aber das geht nicht!

      Gruss

      Michael

  3. 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

    --
    Und foo ist bla und blubb ist bar, das ist für jeden Hacker klar.