Ich hab's jetzt eigentlich fast geschafft. Aber wie definiere ich für jeden Link ein eigenes Bild? So sieht mein CSS für die Navi bisher aus:
ul#navi {
float:left;
width: 12em;
margin-left: 1em;
}
ul#navi li {
list-style:none;
}
ul#navi a {
display:block;
background-image:url(startseite.png);
text-decoration: none;
width: 185px;
height: 47px;
}
#navi span {
display:none
}
ul#navi a:visited { color:black; text-decoration: none; background-image:url(startseite.png);}
ul#navi a:focus { color:#1CD900; text-decoration: none; background-image:url(startseite1.png);}
ul#navi a:hover { color:#1CD900; text-decoration: none; background-image:url(startseite1.png);}
ul#navi a:active { color:#1CD900; text-decoration: none; background-image:url(startseite1.png);}
Ich hatte versucht ein Attribut für a einzufügen, also ul#navi a:hover [title="startseite"]. Aber das hat leider gar nicht funktioniert. Habt ihr ne Idee?