Roland Steber: Mehrere Klassen für Linkdarstellung

Hallo Zusammen,

ich würde gerne mehrere Klassen für die Linkdarstellung erstellen um einen mouseover-Effekt mit Grafiken zu gestalten.

Im IE 6 funktioniert's. Nur der Firefox weigert sich bisher die zweite Klasse darzustellen. Woran kann das liegen?

Hier die Definition aus dem Stylesheet:

a.test1 {
   display:block;
   background-image:url(images/test1_sw_t.jpg);
   width:75px; height:50px;
   margin-bottom:20px; }
a.test1:hover {
   background-image:url(images/test1_c_t.jpg); }
}

a.test2 {
   display:block;
   background-image:url(images/test2_sw_t.jpg);
   width:75px; height:50px;
   margin-bottom:20px; }
a.test2:hover {
   background-image:url(images/test2_c_t.jpg); }
}

... und hier der Quelltext aus dem html-File:

<div>
   <a class="test1" href="">hallo</a>
</div>
<div>
   <a class="test2" href="">welt!</a>
</div>

Das wäre ja mal ganz was neues, wenn der IE da mehr kann als der Firefox ;)

Grüße
Roland

  1. Hi,

    ich würde gerne mehrere Klassen für die Linkdarstellung erstellen

    warum?

    Im IE 6 funktioniert's. Nur der Firefox weigert sich bisher die zweite Klasse darzustellen. Woran kann das liegen?

    An invalidem Code. Bei Problemen *immer* erst den Code validieren.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Hi,

      ich würde gerne mehrere Klassen für die Linkdarstellung erstellen

      warum?

      42

      Im IE 6 funktioniert's. Nur der Firefox weigert sich bisher die zweite Klasse darzustellen. Woran kann das liegen?

      An invalidem Code. Bei Problemen *immer* erst den Code validieren.

      Es waren zwei unnötige geschweifte Klammern wg. exzessivem copy and paste im Stylesheet. Was das wieder ausmacht...

      Roland

      1. hi,

        warum?

        42

        "No, I tried that: Why? 42. Doesn't work."

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }