[Vanyali]

Hallo Ihr,

ich habe da mal wieder ein kleines Problemchen. Ein Kunde von uns möchte im Header 2 unterschiedliche Grafiken angezeigt haben. Eine die immer angezeigt wird, und die andere soll dann ihren Platz einnehmen, wenn man mit der Maus drüber fährt (also als Hovereffekt). Noch dazu ist der Header verlinkt.
Habe schon im Inet gesucht, aber keine passende Lösung gefunden.

Hier ist mal der Code zum nachvollziehen:

in PHP Datei:

[Kash]

Was soll es denn sein?

Eine reine CSS Lösung oder Javascript?

CSS Lösung wird dann aber nicht in allen Browsern funktionieren.

JavaScript dann nicht wenn ausgeschaltet.

[choise]

hm? na klar gehts oder raff ich die frage grad nich?
gibt deinem
"#header a" nochmal ein "display:block" mit.

// und was soll diese div id bild da?

[Kash]

[Vanyali]

Sollte eine reine CSS Lösung sein, und es funktioniert habe nur das display:block; vergessen gehabt.
Und das div id bild war noch ein überbleibsel

Vielen vielen Dank

Gruß, Vany

[choise]

n kleiner tipp noch:
google mal nach "css sprites", damit bewirkst du, dass das Bild beim Mouseover direkt gezeigt wird und nicht erst noch geladen werden muss und somit eine Wartezeit entsteht.

Du siehst dieses Problem jetzt vielleicht lokal noch nicht aber wenn das Ding online ist, wird sone 1000px Grafik nicht direkt verfügbar sein.

Letzendlich heisst das nur, dass du die 2 Bilder in Photosop zusammenbaust. Das Hoverbild direkt unter das erste.
Dein CSS Markup wäre dann etwa so:

[Vanyali]

Ui, habs gleich so umgesetzt
Danke nochmal