bessere Möglichkeit als <table>?

[Krobbus]

Ich benutze zur Zeit folgenden Code, um ein paar Bilder aneinanderzureihen und Text drüber zu legen. Mal abgesehen davon, dass das vom Code her (durch die vielen php unterbrechnungen) alles andere als gut aussieht, sind auch die Prozentanzeigen nicht mittig über den einzelnen Bildern. Gibt es da eine sauberere Möglichkeit?

<table cellpadding='0' cellspacing='0' border ='0'>
<tr>

<?php if ($ref_percent == 10) { ?>
<TD style='background-image:url(refbg.jpg); height: 120px; width: 150px;'><center><h1>10%</h2></TD>
<?php } else { ?>
<TD style='background-image:url(refbg_a.jpg); height: 120px; width: 150px;'><center><h1>10%</h2></TD>

<?php } ?>

<?php if ($ref_percent == 20) { ?>
<TD style='background-image:url(refbg.jpg); height: 120px; width: 150px;'><center><h1>20%</h2></TD>
<?php } else { ?>
<TD style='background-image:url(refbg_a.jpg); height: 120px; width: 150px;'><center><h1>20%</h2></TD>

<?php } ?>

<?php if ($ref_percent == 30) { ?>
<TD style='background-image:url(refbg.jpg); height: 120px; width: 150px;'><center><h1>30%</h2></TD>
<?php } else { ?>
<TD style='background-image:url(refbg_a.jpg); height: 120px; width: 150px;'><center><h1>30%</h2></TD>

<?php } ?>

</tr>
</table>

 

[T-sneak]

Mit Divs und diese dann mit float aneinander reihen..
Dein Code stimmt aber hinten und vorne nicht.. <center> sollte man nicht nutzen und wenn solltest du es auch schließen.. und du öffnest h1 schließt aber h2..

Auch kannst du dir überlegen ob du anstatt HTML und PHP zu verbinden nicht irgendwelche "Variablen" einbaust z.B. {BackgroundImage} und diese dann mit strreplace ersetzen lässt. Dann hast du PHP und HTML getrennt