Buttons mit Bildern hover

[robwillkeks]

Hallo liebe CSS´ler,

hab da ein Problem:

ich hab ein Button mit nem Bild (= ein Ankerlink).
Dieses soll sich bei mouseover in ein anderes Bild ändern.

Hab es ausprobiert, funkt. aber i/wie nicht. Ich hoffe ihr könnt mir helfen.

Hier wäre der CSS Code:

#button_inhaltsverzeichnis
 {
  display:block;
  background-image:url('zum_inhaltsverzeichnis.png');
  width: 170px; height: 20px;
 }
 #button_inhaltsverzeichnis a:hover
 {
  display:block;
  background-image:url('zum_inhaltsverzeichnis_hover.png');  
  width: 170px; height: 20px;
 }

& der HTML Code:

<a href="#AG0" id="button_inhaltsverzeichnis">&nbsp;</a>

Gruß RobRob ;)

 

[IceGloo]

#button_inhaltsverzeichnis a:hover #button_inhaltsverzeichnis{
display:block;
background-image:url('zum_inhaltsverzeichnis_hover.png');
width: 170px;
height: 20px;
}

oder besser:
#button_inhaltsverzeichnis:hover{
display:block;
background-image:url('zum_inhaltsverzeichnis_hover.png');
width: 170px;
height: 20px;
}

bis jetzt hast du dem a ein background-image gegeben, was nicht geht.einfacher ist es sich das a zu sparen (falls du damit nichts anderes vorhattest)spar dir das a und gib dem container curserointer;, damit der "link-effect" da ist

 

[robwillkeks]

Haha Stimmt. Verflucht, ich Idiot.

Vielen Dank. Jetzt geht´s. ;)