Bilder-Link mit 3 Zuständen?

  • Hallo :)


    Ich bin noch Anfänger in Sachen CSS und habe eine Frage.
    Und zwar:


    Ich möchte einen Bilder-Link für eine Navigation erstellen, der insgesamt 3 Zustände hat: normal, hover und active.
    Für jeden Zustand habe ich eine andere Bilddatei, alle in der selben größe.
    Meine Frage:


    Wie lautet der CSS-Code dafür oder wie kann ich so etwas erstellen?


    Vielen Dank und mit freundlichen Grüssen
    DarkRideFreak

  • ich nehme einmal an, dass soll sich jetzt alleine auf den Hintergrund des Linktextes beziehen?
    dann hilft da eine JavaScript-Ergänzung im Textbereich mit onMouseover / onMouseout

  • Ich hab zwar seit langem nichts mehr mit html und css gemacht ( da ich php lerne) aber ich glaube mit css ging das so:


    a:link
    {background:url(bild.jpg)}


    a:hover
    {background:url(bild1.jpg)}


    a:active
    {background:url(bild2.jpg)}

  • so geht's natürlich auch,


    aber wenn ich die Anfrage nochmals lese, bin ich nicht sicher, ob diese Grafiken überhaupt für einen Background verwendet werden sollten...?


    EDIT: 14:01

  • Am besten kannst Du es über CSS steuern wie folgt (deathfighter hat es auch so ähnlich geschrieben):




    Es gibt auch Programme die Dir das erstellen von CSS Dateien helfen.
    TopStyle Lite ist ein sehr gutes.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!