Klaus Westermann: Absatzschaltung

Die automatische Leerzeile nach h- und p- Tags nervt mich auf Dauer ziemlich. Seit Tagen bastele ich nun an einem css, das diese Leerzeilen unterdrücken soll.

Probleme bereiten vor allem die margin-top / margin-bottom Ausdrücke bei Netscape, die bei der Nutzung in Tabellen zu unvorhersehbaren Ergebnissen führen. (für IE habe ich die Probleme gelöst, sie taugen aber nichts, wenns nicht auch bei Netscape funktioniert).

Wer hat einen Tipp zur Leerzeilenunterdrückung nach h- und p-Tags?

  1. Moin,

    das wird schwierig sein, da die CSS-Lösung display http://www.w3.org/TR/REC-CSS1#display den Nachteil mit sich bringt, auf älteren Browsern oder auf älteren Programmen von Netscape http://www.blooberry.com/indexdot/css/supportkey/classify.htm (es gibt bessere CSS-Listen, ich habe aber im Momment keine bessere zur hand) nicht in der gewünschten Art zu funktionieren.

    Ein denkbare Möglichkeit wäre es, nicht absatzbildene Elemente anstelle von h1..6 bzw p zu verwenden. Damit versaust du dir aber das Markup deines HTML-Codes entscheidend! Und wenn dann der Besucher CSS ausgeschaltet hat, wird er im Zweifel völligen Blödsinnn sehen.
    Das vorausgeschickt, hier der schmutzige Trick: nehme anstelle h1..6 und p einfach div und definiere in deiner CSS diverse Klassen dazu:

    div.absatz    {css}

    div.uebereins {css}

    div.ueberzwei {css}

    ...

    Viele Grüße

    Swen

    Anrede ist hier SELFverständlich

    1. Das vorausgeschickt, hier der schmutzige Trick: nehme anstelle h1..6 und p einfach div und definiere in deiner CSS diverse Klassen dazu:

      div.absatz    {css}

      div.uebereins {css}

      div.ueberzwei {css}

      Danke Sven, so ähnlich habe ich das auch schon mal gemacht, dachte allerdings, dass es ohne 'schmutzige Tricks' geht. Gruß Klaus

  2. Hallo Klaus!

    Wer hat einen Tipp zur Leerzeilenunterdrückung nach h- und p-Tags?

    Hilft dies weiter: http://www.unet.univie.ac.at/~a9105535/forum/heading1.html ?

    Grüße
    Thomas

    PS: An- und Abrede sind in diesem Forum sef-verständlich

    1. Hallo Thomas,

      http://www.unet.univie.ac.at/~a9105535/forum/heading1.html ?

      Danke für diesen Link. Leider dreht Netscape bei diesen Styles völlig durch (4.6), wenn die Zelle mit einer Hintergrundgrafik bestückt wird, bzw. sonst irgendwelche giffs und jpgs eingesetzt werden.

      Grüße Klaus

      1. Hallo Klaus!

        Danke für diesen Link. Leider dreht Netscape bei diesen Styles völlig durch (4.6), wenn die Zelle mit einer Hintergrundgrafik bestückt wird, bzw. sonst irgendwelche giffs und jpgs eingesetzt werden.

        Wie meinst du das genau?

        Grüße
        Thomas