Ich habe in einer zentralen CSS-Datei einen Hovereffekt definiert:

a:hover {color:#white;background:#005AA5;text-decoration:none; border: 0px solid padding : 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 1px;
padding-bottom: 1px;
}

Der funktioniert auch bei Textlinks wie gewünscht, aber bei Links auf Bilder entstehen ätzende Streifen wie man auf dem Bild sehen kann. Wie kann man das Problem umgehen?

linke Fahne ist ein Textlink. Die Rechte Fahne ist der gleiche Link auf das Bild angewandt.

Diese Darstellung ist bei allen gängigen Browsern so. ich möchte aber gar nicht das bei Bildern überhaupt ein Effekt auftritt.

mach es bei einem bild raus: img:hover {}

probier mal: a img {border: 0px; text-decoration: none}
das sollte dein problem lösen..

oder so.

schulke99

Das klappt leider nicht

rofl

Wie soll das gehen? Kannst Du da eine Beispiel genauer formulieren?

Murdock

Das hilf auch nicht richtig. Bei Gif-Bildern mit Transparenzen tritt der Effekt flächendeckend an den transparenten Stellen auf.

Geht doch. Nur nicht bei mittiger Ausrichtung. Da muss ich wohl auf Transparenzen verzichten.

Zwischen Bild <img> und Text darf kein Leerzeichen, Tab oder neue Zeile sein.