商品リストの横並び方について

質問

商品リストの横並び方についてご教授ください。

アフィリエイトの商品リストを下記の様に設定していますが
このリストを横並び3列に変更したいのですが、どのように変更すればよろしいでしょうか？

ネット上で画像の横並びの設定方法を見つけて
いじって見ましたが、ダメでした。

宜しくお願い致します。

---------------------------------　記　---------------------------
<h2>○○○でお探しの【&nbsp;<?php echo h($keyword); ?>&nbsp;】検索結果-NO<?php echo h($pageid); ?>-</h2>
<div class="texa">
<table summary="<?php echo h($keyword); ?>" width="620" border="0" cellspacing="1">
<tbody>
<?php foreach ($hits as $hit) { ?>
<tr>
<td class="img"><a href="<?php echo h($hit->linkurl); ?>" rel="nofollow"><img alt="<?php echo h($keyword); ?>" border="0" src="<?php echo h($hit->imageurl); ?>" /></a></td>
<td class="prodnote">
<p><span>商品名&nbsp;：&nbsp;<a href="<?php echo h($hit->linkurl); ?>" rel="nofollow"><?php echo h($hit->productname); ?></a></span></p>

<p><?php echo h($hit->description->short); ?></p>
<p><font class="nedan">[参考価格]&nbsp;&nbsp;<?php echo number_format(h($hit->price)); ?>&nbsp;円</font></p>
<p>[ショップ名]&nbsp;&nbsp;<?php echo h($hit->merchantname); ?></p>

</td>
</tr>
<?php } ?>

回答No.1

agunuz

>ネット上で画像の横並びの設定方法を見つけて
>いじって見ましたが、ダメでした。

どういじったのかを転記してください。

今のようにtable要素で書き出していると

<?php $ct = 0; // カウンタ初期化 ?>
<?php foreach ($hits as $hit) { ?>
<?php $column = (++$ct % 3); // カウントアップ&列位置設定 ?>
<?php if ($column === 1) { echo '<tr>'; } ?>
（中略：td要素の出力）
<?php if ($column === 0) { echo '</tr>'; } ?>
<?php } ?>
// foreachのあと、余った列分のtd要素（中身は空）を出力する

といった処理が必要だと思いますが、それよりもスタイルシートで並べる方が楽じゃないかと思います（最後の「空のtd要素」出力などは慣れないと面倒でしょ？）。

お礼

ご回答有難う御座います。

現在の設定では難しのでスタイルシートでの並べ替えに挑戦してみます。

今後共よろしくお願いいたします。