Hallo,
ich hab ein kleines Problem mit Bildaustausch bei Mouseover.
Ich will per CSS, das beim drüberfahren ein anderes Bild angezeigzt wird.
Mit Javascript weiss ich, wies funktioniert, bräuchts aber in CSS.
Hat wer ne Idee?
Thanks
whiterussian

CSS Teil:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

.bild {   background-image:url(images/bild.gif);   width:130px;   height:19px;   display:block; }   .bild:hover {   background-image:url(images/bild1.gif); }   .bild-redaktion:active {   background-image:url(images/bild1.gif); }   .bild-redaktion:focus {   background-image:url(images/bild1.gif); }

HTML Teil:

HTML-Code:

<a href="xyz.html" target="_self" class="bild">
<img name="xyz" src="images/blank.gif" border="0" width="20" height="20"></a>

Das Image das ich im HTML Teil aufrufe (blank.gif) ist nur ein Platzhalter, ohne wird die Anzeige verfälscht.

redlama

Jop, werd mir das heut abend zu Gemüt führen. Hier in der s****** Schule seh ich den Code nicht, ist ja fast wie im Häfn hier.
Dank dir schon mal,
greetz
whiterussian

Besuche doch mal diese Homepage, ist sehr hilfreich in Sache CSS und ich denke, dass du dort sicher auch etwas für dein Problem findest:

http://www.stunicholls.myby.co.uk/index.html

Gruss Jonas

@webdesign: Washast Du gegen meinen Code? Der funktioniert doch 100%ig, ...

redlama

Das einzige, was ich gegen dein Beispiel hab ist das Bild als Platzhalter.

Dann ist Platzhalter vielleicht das falsche Wort.
Es ist ein Bild, an dessen Position die durch hover zu ersetzende Grafik verankert ist.

Besser?

redlama

Das ändert aber nichts an der Tatsache, dass es ein Platzhalter ist.

Ok, dann ist es halt ein Platzhalter.
Und?
Was ist daran so schlimm?

redlama