Leerraum zwischen Überschriften und Absätzen entfernen
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
Problem
Sie wollen den Leerraum zwischen einer Überschrift und einem Absatz verkleinern.
Lösung
Setzen Sie die Werte für margin und padding für Überschrift und Absatz auf null:
h2 {
margin: 0;
padding: 0;
}
p {
margin: 0;
padding: 0;
}Diskussion
Browser verwenden intern ein eigenes Stylesheet, das die Standardwerte für HTML-Elemente festlegt. Hierzu gehören auch Definitionen von Innen- und Außenabständen für Überschriften und Absätze.
Diese Standardwerte sollen es Benutzern erleichtern, auch Dokumente ohne Stildefinitionen gut lesen zu können. Viele Webentwickler bevorzugen aber eigene Einstellungen.
Um die Standardabstände zwischen den Überschriften und den Absätzen zu entfernen, setzen Sie die Werte von margin und padding für die Elemente h2 (bzw. die anderer Überschriften wie h1, h3 etc.) und p jeweils auf null.
Siehe auch
Das Standard-Stylesheet der CSS 2.1-Spezifikation für HTML 4.
| << zurück | vor >> |
| Tipp der data2type-Redaktion: Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an: |
Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.
O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln