✔ Mouseover effekt

[alex130]

Hi
Kann mir jemand bei dem Mouseover Effekt helfen? Ich hab zwei Hintergrund Bilder und will das Bild mit dem Link angezeigt wird und wenn man mit der Maus über den Button "fährt" dann kommt Bild zwei und die Link farbe ändert sich.
Hoffe ihr wisst was ich meine.
Thx

 

[Maik]

Hi,

verwende hierfür die Pseudoklassen für Verweise und ordne ihnen jeweils das entsprechende Hintergrundbild zu.

Hier mal ein vereinfachtes Beispiel:

a:link, a:visited {
display: block;
width: 100px; /* entspricht der Grafikbreite */
height: 20px; /* entspricht der Grafikhöhe */
background: url(pfad/zur/grafik_normal.jpg);
color: red;
}

a:hover {
background: url(pfad/zur/grafik_hover.jpg);
color: yellow;
}

Nach der Technik hattest du aber schon mal in deinem Thread CSS Layout erstellung gefragt, worauf ich dir die Beispiel-Codes für einen Link mit variabler und fester Breite gezeigt habe -> http://www.tutorials.de/forum/1331869-post27.html