Rollover mit Grafik per CSS2

[Basicline334ak]

Hallo,

ich bin relativer CSS neuling :-) Nun habe ich folgende Frage ich habe ein Menü in drei zuständen erzeugt a: hover a visit normal mun habe ich das Menü Zerschnitten und per class positoniert .positonstart usw.nun meine Frage wie kann ich wie gesagt die Bilder wechseln?

Grüsse Bertram Danke für Hilfe

[rednug]

Habe vor einiger Zeit von Boris prima Unterstützung erhalten!
Hier der Link
Vielleicht hilft es dir.
Gunder

[His.Master's.Voice]

Wenn du von Grafiken wechseln sprichst, gehe ich davon aus, das du eine andere Grafik anzeigen möchtest, wenn man mit der Maus über den Menüpunkt fährt. Beim u.g. Beispiel wird für a:link, a:visited, a:active die Hintergrundgrafik "bgnavi1.jpg" benutzt. Nur bei a:hover wird bgnavi2.jpg benutzt - dies wäre dann der sog. Hover-Effekt.

ul#nav {
float:left;
text-align:left;
margin:0;padding:0;
width:140px;
}

ul#nav li {
margin-top:10px;
width:140px; height:18px;
list-style:none;
line-height:18px;
}

ul#nav a:link {
display: block;
width:134px; height:18px;
padding:0 0 0 6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight: bold;
background-image: url(images/bgnavi1.jpg);
text-decoration: none;
border-left:6px solid #339999;
}

ul#nav a:visited {
display: block;
width:134px; height:18px;
padding:0 0 0 6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight: bold;
background-image: url(images/bgnavi1.jpg);
text-decoration: none;
border-left:6px solid #339999;
}

ul#nav a:active {
display: block;
width:134px; height:18px;
padding:0 0 0 6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight: bold;
background-image: url(images/bgnavi1.jpg);
text-decoration: none;
border-left:6px solid #339999;
}

ul#nav a:hover {
display: block;
width:134px; height:18px;
padding:0 0 0 6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight: bold;
background-image: url(images/bgnavi2.jpg);
text-decoration: none;
border-left:6px solid #ccffff;
}