[Ninaa95]

Hallöle erstmal, bin hier neu und hoffe ich stell meine frage konkret genug.
Ich bin in dem Thema auch ziemlich neu, haben gerade in meiner Schule damit angefangen
Und zwar hab ich meine Startseite auf der ich eine Navigationsleiste machen möchte mit einem rolloverbild (wenn ich mit der maus auf das bild "schwebe" soll es sich ändern und ich möchte darauf klicken können wie auf einen Link)

Ansich klappt das ganze schon ziemlich gut, nur "springt" das bild nicht zurück auf das standart bild wenn ich mit der maus "weggehe". ich seh dann nur son' zerissenes blatt :/

HTML

[SimonDerDude]

Gehört es zur Aufgabe das mit 'onmouse'-Events zu machen oder konntest du dir das aussuchen?

[Ninaa95]

unser Lehrer hat keine Vorgaben gemacht, sollten es halt swlbst herausfinden, wie es geht und die möglichkeit war bei mir die einzige die immerhin annähernd funktioniert hat

[DEKONSTRUKTIV]

wie ommt man denn auf die idee, statt ner null da n oh in den filename zu schreiben?

[Ninaa95]

ich hab es mit rumeperimentieren nach ner' Woche dann endlich doch mal hinbekommen...

falls sonst wer n' problem damit hat:

HTML

[flavio]

packe das bild direkt als hintergrund-bild in den textlink. den leeren container kannst du dir sparen.

[pantonine]

1. Warum definierst Du die Größe erneut für den hover-State
2. Blockelemente in Inline-Elementen sind invalider Code. Ausnahme: HTML5
3. was flavio sagt. Dann wiederum musst Du den Link zum Block machen, sonst nix Dimensionen.
4. Ne ganz einfache Lösung wäre die gewesen: http://jsfiddle.net/kTeD9/

[SimonDerDude]

In der Regel ist es Quatsch, Buttons als Inhaltselemente (img) auszugeben - aber nette Lösung pantonine

Ninaa95 du darfst eine ID nur einmal in der HTML Struktur nutzen, für mehrmaliges "verteilen" von CSS-Regeln musst du Klassen verwenden. Hier eine verbesserte Version deiner Lösung.