✔ onmouseover mit css?

[Volki91]

Hallo,

Ich habe folgendes Problem :

Ich habe eine Navigation auf meiner Homepage wo darin die Buttons sich befinden.
Ich will das wenn man mit der Maus auf den Button geht das dann ein anderes Bild erscheint. Das soll mit Css gehen aber wie?

Danke!

MfG, Volk91

 

[Maik]

Hi,

definiere die Grafiken über die Pseudoklassen als Hintergrundbild für die Links:

a:link, a:visited {
display:block;
width:100px; /* Grafikbreite */
height:25px; /* Grafikhöhe */
background:url(pfad/zur/grafik_1.jpg);
}

a:hover {
background:url(pfad/zur/grafik_2.jpg);
}

Soll jeder Link in der Navigation eine andere Hintergrundgrafik besitzen, lässt sich das über IDs (hier: #but1 und #but2) für die einzelnen Links einrichten:

a:link, a:visited {
display:block;
width:100px; /* Grafikbreite */
height:25px; /* Grafikhöhe */
}

a#but1:link, a#but1:visited {
background:url(pfad/zur/grafik_1.1.jpg);
}
a#but1:hover {
background:url(pfad/zur/grafik_1.2.jpg);
}

a#but2:link, a#but2:visited {
background:url(pfad/zur/grafik_2.1.jpg);
}
a#but2:hover {
background:url(pfad/zur/grafik_2.2.jpg);
}