onder elkaar, td en table

Hallo,

ik heb een probleempje, eerst het stukje script :

.PHP

<table class="cat" align="center">
<?
$sql = "SELECT * FROM spellen WHERE cat_id = '9' ORDER BY titel ASC" ;
$query = mysql_query($sql) or die(mysql_error());
while($show = mysql_fetch_object($query)){
?>




<td width="33%">


<a href="spel.php?id=<?echo $show->id;?>"> <img src="images/<?echo $show->image;?>" /> </a> <br />
<a href="spel.php?id=<?echo $show->id;?>"><? echo $show->titel; ?> </a> 


</td>


<? } ?>


</table>

.css

table.cat { 
width : 300px;
height: 400px;
}

Het probleem nu is dat ik de images met titels, onder elkaar krijg te zien. Dus zo :
image
titel

image
titel

etc...

Terwijl de bedoeling is om het zo te weergeven :

image ........ image .......... image
titel ........ titel ............. titel

dus zeg maar 3 op een rij en daar onder weer, vandaar de width=33%

Heb van alles geprobeerd maar niets lijkt te lukken?

Citaat van Fold

...

Dat snap ik ook wel, maar als je kijkt naar het stukje script. Zie je dat alles in 1 keer uit de database word gehaald en weergeven. Dus wat jij zegt kan ik niet integreren in mijn stukje script.

Db-maffia : Wat jij zegt, dat werkt niet. Het blijft onder elkaar komen.

@Killingdevil : Ik snap niet wat je bedoeld met images en titels array doorlopen

Ik begrijp het stukje script van killingdevil niet, misschien iemand die het kan verduidelijken?

Nieuwe reactie samengevoegd met originele reactie op 15.11.09 15:11:48:
Heeft niemand een andere oplossing? Want ik heb wat rondgekeken maar kan nog steeds niks vinden.