background-color bei a:hover img entfernen

[Detlef G.]

Hallo Reiner

Leider funktioniert das nicht.

Das kann auch nicht funktionieren, weil a:hover den Link anspricht, wärend
a:hover img das Bild selbst. Eine Möglichkeit einen Link anhand seines
Inhalts zu selektieren gibt es nicht.

Wie bekomme ich den Hover-Effekt bei den verlinkten Bildern weg? (ohne jedem Bild eine eine eigene Klasse zuzuweisen)

Indem du z.B. dafür sorgst, dass der Link vollständig von Bild ausgefüllt
wird.

Bei deinem Beispiel dürfte Folgendes funktionieren:

img { border: none; padding:2px; vertical-align:bottom;}  
a:hover img { border: 2px solid #000; padding:0;}  

Dabei dürfen keine Leerzeichen, Tabs oder Zeilenwechsel zwischen den Tags
stehen.

Auf Wiederlesen
Detlef