Button hover effekt

[JanK411]

Hallo...
ich habe folgendes Problem:
auf meiner Homepage soll es einen button in der Navigation geben, der, wenn man mit der Maus darüberfährt, anders aussehen (anderes Bild) soll.
Ich habe mich schon durch einige Foren gelesen und verstehe nicht, warum meine Lösung nicht funktioniert.
hier meine Codes:

html

<div id="Navi">

    <a class="Impressum" href="impressum.html"></a>

</div>

css

a.Impressum {
    height:45px;
    width:150px;
    background :url(../images/Impressum.png);
}
a.Impressum:hover {
    height:45px;
    width:150px;
    background :url(../images/Impressum_hover.png);
}

vielen Dank schon mal im Voraus für eure Hilfe

 

[Cheffchen]

Hallo,

ich sag mal so, hoffe das der rest deiner Navi nicht so aussieht.
Aber im grunde muss das passen ausser das

display:inline-block;

vergessen hast.

Cheffchen

 

[JanK411]

...wozu genau braucht man denn das?
und wo muss ich das ganze einfügen?

 

[Cheffchen]

a.Impressum {
display:inline-block;
    height:45px;
    width:150px;
    background :url(../images/Impressum.png);
}
a.Impressum:hover {
display:inline-block;
    height:45px;
    width:150px;
    background :url(../images/Impressum_hover.png);
}

 

[JanK411]

funktioniert leider immernoch nicht.
es erscheint weder das "Impressum"-Bild, noch das "Impressum_hover"-Bild.
das kann ich irgendwie nicht nachvollziehen.
das war vorher aber auch schon so.

 

[JanK411]

Ah...
jetzt hat es funktioniert.
ganz plötzlich.
keine Ahnung warum.

Vielen Dank nochmal.

JanK411

 

[Cheffchen]

Hallo,

jetzt hat es funktioniert.
ganz plötzlich.
keine Ahnung warum.

Browsercache kennst?
wenn was geändert hast und es nicht gleich siehst kann es daran liegen das dein Browser noch das alte im cache hat und deswegen nicht das neue/geänderte anzeigt.
Einfach mal "STRG+F5" gleichzeitig drücken und wieder los lassen, so wird die seite komplett neu geladen ohne browsercache.

Cheffchen