Halb so wild, war nur ein Selektoren Problem. Lösung wie folgt:
Erst die CSS Befehle zum integrieren:
Code:
.rating0 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/0Sterne.jpg);}
.rating1 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/1Sterne.jpg);}
.rating2 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/2Sterne.jpg);}
.rating3 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/3Sterne.jpg);}
.rating4 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/4Sterne.jpg);}
.rating5 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/5Sterne.jpg);}
.rating6 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/6Sterne.jpg);}
.rating7 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/7Sterne.jpg);}
.rating8 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/8Sterne.jpg);}
.rating9 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/9Sterne.jpg);}
.rating10 {
display:block;
width:264px;
height:28px;
background-image:url(http://www.photoshop-cafe.de/garion/garion/DVD/10Sterne.jpg);}
Und da wir den Selektor jetzt von span.x auf ratingx geändert haben, müssen wir im Template die Zeile:
Code:
<tr><th>$$rating_LABEL$$</th><td><span class="$$rating$$"></span></td></tr>
noch abändern in:
Code:
<tr><th>$$rating_LABEL$$</th><td><span class="rating$$rating$$"></span></td></tr>
Müsste dann jetzt eigentlich funktionieren.
Alternativ kannst Du aber eben auch folgendes machen:
CSS alles weglassen (rating0-ratingx) und anstatt:
Code:
<tr><th>$$rating_LABEL$$</th><td><span class="rating$$rating$$"></span></td></tr>
schreiben wir:
Code:
<tr><th>$$rating_LABEL$$</th><td><img src="http://www.photoshop-cafe.de/garion/garion/DVD/$$rating$$Sterne.jpg"></td></tr>
spart etwas Code, hast Du eh schon genug von