Hover Effekt für Bilder in CSS / HTML --> Wie mach ich es?

[greezie]

Hallo,

ich habe in CSS / HTML eine Seite erstellt, in der ich hover effekte realisiert habe.

es klappt ganz gut, indem ich schreibe:

<style>
a.[COLOR="red"]bild1[/COLOR] {
   background: url('images/ic_home_off.png') no-repeat;
   display: block;
   height: 100px;
   width: 100px;
}
a.[COLOR="red"]bild1:hover[/COLOR] {
   background: url('images/ic_home_on.png') no-repeat;
   display: block;
   height: 100px;
   width: 100px;
}
</style>

<a href="2.html" target="unten" [COLOR="red"]class="bild1"[/COLOR]><img src="images/ic_home_off.png" alt="" border="0" width="100" height="100"></a>

Dadurch kann das bild per class "bild1" oben umswitchen...

Nun möchte ich den Hovereffekt aber auch bei normalen bildern haben, also nicht nur links.

Daher kann ich den HTML TAG "A" nicht mehr benutzen.

Wie mache ich es dann?

Danke schonmal.

[AmicaNoctis]

Hallo,

was meinst du mit normalen Bildern, img-Elemente oder andere Hintergründe? Wenn kein a-Element drumherum ist, ist sicher ein anderes Element drumherum, welches du dann entsprechend stylen kannst. Alternativ kannst du immer noch ein span benutzen.

Gruß,

Amica

[Kropff]

Einfach über img.bla:hover. Funzt allerdings nicht im IE 6. Dafür benötigst du JavaScript.

Peter

[greezie]

mit <span> hat es geklappt.

Danke!

Topic kann zugemacht werden.