Candid Dauth: Text beim Überfahren in Bild umwandeln

Beitrag lesen

Hallo du da draußen,

ich will das wenn man auf einen Link (zb.zur nächsten Seite) mit der Maus draufhällt, sich die Schrift automatisch in ein Bild umändert...

Gleichmal vorweg: Wenn du einfach zwei Bilder austauschen würdest, anstatt den Text durch ein Bild zu ersetzen, wäre das ganze weitaus einfacher... ;-)
Ansonsten:

Da gäbe es etwas umständliche Möglichkeiten mit CSS:

  • Du könntest deinem Link eine feste Höhe zuweisen (und zwar die Höhe deines Bildes). Unter :hover weist du dann dem Element dein Bild als Hintergrundbild zu. Gleichzeitig definierst du als oberen Innenabstand eine Größe, die größer ist als die Höhe deines Bildes, während du mit overflow:hidden definierst, dass der Text außerhalb des anzeigbaren Bereiches ist.
    In Worten: Beim Überfahren des Links schiebst du den Text des Links einfach soweit weg, dass er nicht mehr angezeigt wird. Außerdem lässt du dein Bild anzeigen.

  • Du könntest auch das Bild als Unterelement des Links definieren und es mit display:none formatieren, während du es nur beim :hover des Links anzeigen lässt. Da aber diese Möglichkeit sehr schwer zu realisieren ist, möchte ich hier nicht näher darauf eingehen.

Das mag sich jetzt alles sehr verwirrend anhören. Du sagst, du habest wenig Erfahrung mit HTML. Insofern wirst du dich ersteinmal hinsetzen und HTML und CSS lernen müssen. Wenn du solch komplexe Dinge realisieren willst.

Grüße von hier drinnen, aus Biberach an der Riss,
Candid Dauth (Dogfish)

--
»Bismarck biss Mark, bis Mark Bismarck biss!«
http://cdauth.net.tc/
ie:{ fl:( br: va:} ls:[ fo:| rl:( n4:( ss:) de:> js:( ch:| sh:( mo:) zu:|