Hallo,

ich habe ein Problem.
Ich mache gerade eine Webseite mit einer horizontalen Navigation unter dem Header, bei der die Links (bild) sich verändern sollen, wenn ich mit der Maus drübergehe.

Dann habe ich mit CSS ein A:Hover gemacht, welcher allerdings nur nach Links funktioniert (wenn die bilder nenbeinander sind).

Wenn Die beiden zu wechselnden Bilder untereinander sind und ich als "margin" Bottom eingebe, passiert nichts und nichts ändert sich.

Könnt ihr Bitte mal über den Code nach einem Fehler gucken?

div.links a {
text-decoration: none;
height: 42px;
}
div.links a img {
border: 0;
}
div.links a:hover {
margin-bottom: -84px;
}

Ein Bild ist:
123px x 42px

Insgesamt:
123px x 84px
(unten ist das mouseover bild)


Danke im Vorraus

Hallo,

dazu kann man anhand der wenigen Informationen nichts hilfreiches sagen. Kennst du Firebug, das Plugin für Firefox? Mite dem bekommst du immer genau raus, wo ein Element sich befindet, welche Styles es gerade hat und woher sie stammen. Eventuell kommst du dem Fehler damit auf die Schliche, ansonsten:


HTML validieren
CSS validieren
Onlinebeispiel zur Verfügung stellen
nochmal melden und Problem genau beschreiben (Soll und Ist)

;)

Viel Erfolg,

Amica

-84px ist etwas viel ;)