CSS Sprites

Hey,

mit viel Mühe habe ich es geschafft heraus zu finden was CSS Sprites sind. Den Text dafür habe ich auch geschrieben, nur weiß ich nicht in welche .css Datei, und an welche Stelle, ich diesen jetzt kopieren muß. Kann mir das einer sagen. Bedenkt bitte dass ich gerade erst anfange mit diesem ganzen Codegeschreibsel :wink:

Falls notwendig, hier der Text:

#imagelink1{
    width: 80px;
    height: 80px;
    text-decoration: none;
    display: block;
    background: url('blog/sub_csssprite.jpg') 243px 0;
}


#imagelink1:hover, #imagelink1:active {
    background-position: 243 81;
}


#imagelink2 {
    width: 80px;
    height: 80px;
    text-decoration: none;
    display: block;
    background: url('blog/sub_csssprite.jpg') 162px 0;
}


#audible:imagelink2, #imagelink2:active {
    background-position: 162 81;
}


#imagelink3 {
    width: 80px;
    height: 80px;
    text-decoration: none;
    display: block;
    background: url('blog/sub_csssprite.jpg') 324px 0;
}


#imagelink3:hover, #imagelink3:active {
    background-position: 324 81;
}

Dieser Text soll in Beiträge:

<a href="#" id="imagelink1">&nbsp;</a>

Zitat von MStemberg

In die style.css Deines Themes einfach ans Ende setzen.

Tja, da hatte ich es. Da es nicht funktioniert, ist wohl der Code falsch. :( Werde wohl noch lange üben müssen. Wie katastrophal sieht der code denn aus?

EDIT:

Klasse, jetzt wird mir zumindest das Bild angezeigt. Musste nur den Cache leeren. Aber eigentlich soll sich das Bild ändern, wenn man mit Maus drüber fährt. Natürlich ist dies das falsche Forum, aber vielleicht weiß ja trotzdem jemand, was ich dafür ändern muss.

Zitat von spickzettel

Bei diesen Angaben:

Code

background-position: 243 81;

fehlt jeweils ein px hinter den Zahlen.

Ha, vielen Dank!:lol:

Nun ist alles im Lot. Vielen vielen Dank!