Zeilenabstand
Roger
- css
0 Tim Tepaße0 Zeromancer0 Roger
0 Thomas Luethi
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.
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.
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é
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.
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