verfaßt von Johann, 15.01.2017, 19:41:04
(editiert von Johann, 15.01.2017, 19:53:37)
Es fehlt die .image_link Klasse im CSS und im HTML hatte ich im a-Tag kein img. Da darf kein Bild rein, sonst liegt das über dem per CSS gestylten a-tag. Willst Du zwingend erforderlich mit img-tags arbeiten, dann schrieb ich: Geht nur mit Javascript oder ganz anders, indem Du dem img-tag in der hover-Klasse ein display:none; setzt. Den a-tag in der richtigen Größe musst Du trotzdem anlegen.
Du brauchst bei meinem Beispiel keinen image-tag, sondern designst diese .image_link Klasse sowie deren :hover,focus Pseudoklassen, setzt die auf einen a-tag und fertig. Deswegen gibt man, wie im Beispiel ersichtlich, die Adressen der Beiden Bilder im CSS an.
Eventuell gibt man den Klassen .image_link und dem hover-Bereich noch zusätzlich: text-decoration:none; das hatte ich vergessen. ist bei a-tag sinnvoll.
gesamter Thread: