Roger: Zeilenabstand

hallo!

ich habe eine <h4> überschrift und darunter einen fliesstext. der Abstand der überschrift zum text ist mir allerdings zu groß. wie bekomme ich den kleiner?

wenn ich die zeilenhöhe verändere, rutscht nur die überschrift weiter nach oben, nicht nach unten :(

<h4 style="line-height:2px">Überschrift</h4>

kann mir jemand weiterhelfen?
danke!

gruß.
roger.

  1. Hallo Roger,

    ich habe eine <h4> überschrift und darunter einen fliesstext. der Abstand
    der überschrift zum text ist mir allerdings zu groß. wie bekomme ich den
    kleiner?

    Die CSS-Eigenschaft, die Du suchst, nennt sich Außenabstand.

    • Tim
  2. Hallo

    hallo!

    ich habe eine <h4> überschrift und darunter einen fliesstext. der Abstand der überschrift zum text ist mir allerdings zu groß. wie bekomme ich den kleiner?

    wenn ich die zeilenhöhe verändere, rutscht nur die überschrift weiter nach oben, nicht nach unten :(

    <h4 style="line-height:2px">Überschrift</h4>

    Eine Überschrift 4. Ordnung in einer 2px-hohen Zeile ist ganz schön wenig. Arbeite lieber mit Prozentangaben zur Originalhöhe:

    h4 {line-height:120%;} o.ä.

    Ansonsten versuche den Fließtext im Abstand (sofern er in <p> o.ä. steht) mit z.B.

    p {margin-top:XXXXpx;} zu variieren.

    Gruß André

    --
    Weil bald Weihnachten ist......
    1. Hallo

      Eine Überschrift 4. Ordnung in einer 2px-hohen Zeile ist ganz schön wenig. Arbeite lieber mit Prozentangaben zur Originalhöhe:

      jo, danke.
      aber mir ging es wirklich nur um den abstand zwischen überschrift und text. und mit zeilenhöhe kann man da wenig anfangen. <h4 style="margin-bottom:7px"> half mir weiter ;)

      gruß.
      roger.

  3. Hallo Roger,

    ich habe eine <h4> überschrift und darunter einen fliesstext. der Abstand der überschrift zum text ist mir allerdings zu groß. wie bekomme ich den kleiner?

    wenn ich die zeilenhöhe verändere, rutscht nur die überschrift weiter nach oben, nicht nach unten :(

    <h4 style="line-height:2px">Überschrift</h4>

    Die line-height-Angabe betrifft den Zeilenabstand _innerhalb_
    des H4-Elements, d.h. wenn dieses einen langen Text enthaelt,
    der sich ueber mehrere Zeilen erstreckt.

    Den Abstand zwischen zwei Block-Level-Elementen steuert man,
    indem man deren margin-Werte explizit setzt.
    (Sonst nehmen die Browser einen voreingestellten Abstand.)

    z.B.:
    h4 { margin-bottom:1em; }
    p  { margin-top:0.5em; }

    Achtung:
    * Netscape 4.x hat grosse Probleme mit margin.
      Am besten das gesamte CSS vor ihm verstecken.
    * Sobald Du anfaengst, die margins zu definieren,
      musst Du sie fuer die meisten Elemente definieren,
      also fuer h1, h2, h3, h4, p, table, ul, ol, ...
      Ich verlasse mich meist lieber auf die Defaults der Browser.
    * Die margins von zwei angrenzenden Elementen werden gemaess
      der Theorie zusammengefasst, d.h. im obigen Beispiel
      wuerde 1em genommen. Siehe
      http://selfhtml.teamone.de/css/eigenschaften/randabstand.htm

    mfg
    Thomas