Frage stellen
ich habe ein Problem mit CSS-Sprites:
Ich habe kleine Symbole in meiner Seite, die mit CSS-Sprites realisiert sind. In Safari und Firefox habe ich allerdings das Problem, dass die Grafiken (in der Datei sind zwei für den Hover-Effekt) komplett ausgegeben werden. Bei den Sprites sollte allerdings immer nur ein Ausschnitt angezeigt werden.
Ich habe mir das mit Firebug angesehen...
Im Quellcode findet sich folgende Einbindung per CSS:
- Code: Alles auswählen
<tr class="draggable odd"></tr>
Es folgt der relevante Code aus der CSS-Datei:
- Code: Alles auswählen
.draggable a.tabledrag-handle {
cursor:move;
float:left;
height:1.7em;
margin:-0.4em 0 -0.4em -0.5em;
padding:0.42em 1.5em 0.42em 0.5em;
text-decoration:none;
}
a.tabledrag-handle:hover {
text-decoration:none;
}
a.tabledrag-handle .handle {
background:transparent url(../../misc/draggable.png) no-repeat scroll 0 0;
height:53px;
margin-top:4px;
width:13px;
}
a.tabledrag-handle-hover .handle {
background-position:0 -20px;
}
Kann es auch andere Gründe für diesen Fehler geben? Ich hatte Javascript im Verdacht... Die Sprites sind mit Javascript-Routinen verbunden, die dazu dienen, sie auf der Site zu verschieben (drag).
Vor ein paar Tagen hatte ich das Problem in beiden Browser nämlich noch nicht und nun allerdings, obwohl ich an dem oben zitierten Code KEINE ÄNDERUNGEN vorgenommen habe.
Sieht jemand den Fehler? Woran kann es liegen? Ich freue mich über jede Idee und Richtung, in die ich suchen kann.
Gruß, Ricki