Ok aber wie mache ich das das das Bild dann nur zu und so viel angezeigt werden würde?
Z.B. mit overflow:hidden oder clip:rect.
Ich habs jetzt mal so versucht:
<div style="border:solid; border-color:#000; border-width:1px; width:100px; height:13px;">
<table width="100px" height="13px" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" nowrap="nowrap" background="games/vote_bg.jpg" height="13px" style="background-repeat:no-repeat;">
<img src="games/leer.gif" border="0" height="10" width="<?php echo $prozent_good; ?>px"/>
<img src="games/pfeil.gif" border="0" height="10" width="10px"/>
<img src="games/leer.gif" border="0" height="10" width="<?php echo $prozent_bad; ?>px"/>
</td>
</tr>
</table>
</div>
Wobei hier das Problem ist das die Tabelle die Bilder nicht wirklich begrenzt.
Gibts da vll irgend eine Möglichkeit?
Dann ist mir auch aufgefallen das zwichen den Bilder immer eine leerzeile zu seien scheint ich aber dort keine angefügt habe.