Hallo,
ich habe unsere Toolbar im Mondkalender (siehe http://mond.traum-deutung.de/10-06/ ) auf Sprites umgestellt. Seit dem sind die Symbole untereinder gelistet:
Ziel ist:
Was mache ich falsch?
HTML
.sprite { background: url('http://mond.traum-deutung.de/wp-content/themes/mondkalender/images/sprite-mond.png') no-repeat top left; width: 30px; height: 30px; }
.sprite.mondaufgang { background-position: 0 0; width: 40px; height: 40px; }
.sprite.mond-sternzeichen-fische { background-position: 0 -50px; }
.sprite.mond-sternzeichen-jungfrau { background-position: 0 -90px; }
.sprite.mond-sternzeichen-krebs { background-position: 0 -130px; }
.sprite.mond-sternzeichen-loewe { background-position: 0 -170px; }
.sprite.mond-sternzeichen-schuetze { background-position: 0 -210px; }
.sprite.mond-sternzeichen-skorpion { background-position: 0 -250px; }
.sprite.mond-sternzeichen-steinbock { background-position: 0 -290px; }
.sprite.mond-sternzeichen-stier { background-position: 0 -330px; }
.sprite.mond-sternzeichen-waage { background-position: 0 -370px; }
.sprite.mond-sternzeichen-wassermann { background-position: 0 -410px; }
.sprite.mond-sternzeichen-widder { background-position: 0 -450px; }
.sprite.mond-sternzeichen-zwilling { background-position: 0 -490px; }
.sprite.monduntergang { background-position: 0 -530px; width: 40px; height: 40px; }
.sprite.sonnenaufgang { background-position: 0 -580px; width: 40px; height: 40px; }
.sprite.sonnenuntergang { background-position: 0 -630px; width: 40px; height: 40px; }
Alles anzeigen