Seite 1 von 1

Probleme mit Rolloverbild

Verfasst: 17.03.2006 13:53
von das_Kratzerchen
hi,

ich habe ein Rolloverbild in den header meines Boards eingefügt, der Quellcode lautet wie folgt:

Code: Alles auswählen

<a href="{U_INDEX}"><div id="rolloverbild" border="0" alt="{L_INDEX}" title="{L_INDEX}"></div></a>
der CSS Teil:

Code: Alles auswählen

#rolloverbild {
    background-image:       url(images/header/buttons/home.gif);
    width:                  72px;
    height:                 25px;
}

#rolloverbild:hover {
    background-image:        url(images/header/buttons/home_over.gif);
    width:                  72px;
    height:                 25px;
}
Beim Überfahren blinkt das Bild nur kurz das hoverbild wird aber nicht angezeigt! Jemand ne idee was falsch sein könnte?

Kratzerchen

Re: Probleme mit Rolloverbild

Verfasst: 17.03.2006 14:54
von Pyramide
Zuerst solltest du gültiges HTML draus machen:

Code: Alles auswählen

<a href="{U_INDEX}" id="rolloverbild" title="{L_INDEX}"></a>

Code: Alles auswählen

#rolloverbild {
    background-image: url(images/header/buttons/home.gif);
    border: none;
    width: 72px;
    height: 25px;
}

#rolloverbild:hover {
    background-image: url(images/header/buttons/home_over.gif);
}
Dann sollte es eigentlich funktionieren.