Regina Flower: Abstand nach jedem <p> vor <h1> vergrößern

SELF-Forum

Abstand nach jedem <p> vor <h1> vergrößern

Regina Flower
– Informationen zu den Bewertungsregeln

Hallo!

Nach jedem Paragraphen habe ich mittels margin-bottom einen Abstand nach unten eingestellt. Steht allerdings ein Paragraph <p> vor einer Überschrift <h1>, <h2>, <h3>, <h4>, so würde ich den Abstand gerne vergrößern.

Ich habe ein wenig mit CSS-Selektoren herum gespielt, aber leider keine Lösung für meinen Wunsch gefunden. Könnt ihr mir weiterhelfen?

Tschüss
Regina

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Abstand nach jedem <p> vor <h1> vergrößern

    Der Martin
    – Informationen zu den Bewertungsregeln

    Hallo Regina,

    Nach jedem Paragraphen habe ich mittels margin-bottom einen Abstand nach unten eingestellt. Steht allerdings ein Paragraph <p> vor einer Überschrift <h1>, <h2>, <h3>, <h4>, so würde ich den Abstand gerne vergrößern.

    versuch's von der anderen Seite anzugehen: Gib dem hx-Element den gewüschten Abstand nach oben, wenn es unmittelbar auf ein p-Element folgt. Dafür bietet CSS den Adjacent-Sibling-Selektor (im Deutschen vermutlich Geschwister-Selektor):

    p+h1

    Selektiert jedes h1-Element, das unmittelbar auf ein p-Element folgt.

    Beachte beim Festlegen der Abstände dann die heimtückische Stolperfalle "Collapsing Margins": Top- und Bottom-Margins zweier Element fallen unter bestimmten Umständen zusammen, so dass nur noch der größere der beiden Abstände wirksam ist.

    So long,
     Martin

    --
    Husten kann böse Folgen haben.
    Besonders im Kleiderschrank.
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Abstand nach jedem <p> vor <h1> vergrößern

      Regina Flower
      – Informationen zu den Bewertungsregeln

      Fein, danke für die Hilfe. Damit komme ich weiter. :)

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Abstand nach jedem <p> vor <h1> vergrößern

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Regina Flower:

    nuqneH

    Steht allerdings ein Paragraph <p> vor einer Überschrift <h1>, <h2>, <h3>, <h4>, so würde ich den Abstand gerne vergrößern.

    Das geht nicht.

    Den Überschriften einen Abstand nach oben zu geben, das geht. Und ürfte denselben Effekt haben.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln