Standardmäßig für Bilder verwendete Rahmen entfernen
(Auszug aus "CSS Kochbuch" von Christopher Schmitt)
Problem
Sie wollen die Rahmen entfernen, die standardmäßig in einigen Browsern für Bilderlinks verwendet werden (siehe folgende Abbildung).
Abbildung: Ein Bild mit Rahmen.
Lösung
Setzen Sie den Wert der Eigenschaft border für Bilder auf null (siehe nächste Abbildung):
a img {
border: 0;
}
Abbildung: Für alle als Link definierten Bilder wird nun kein Rahmen mehr angezeigt.
Diskussion
Bevor es CSS gab, wurde der Rahmen für Bilder über das Attribut border für das img-Element festgelegt:
<a href="http://csscookbook.com">
<img src="file.jpg" border="0" alt="logo" />
</a>
Seit der Einführung von CSS können Entwickler die Darstellung und den Inhalt voneinander trennen und sind damit nicht mehr auf die Verwendung des border-Attributs im HTML-Code angewiesen, die leicht zu Schwierigkeiten führen kann.
Siehe auch
Das Rezept Bilder mit Rahmen versehen zur Definition von Rahmen für Bilder.
<< 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