空白を取り除く方法を理解するのに苦労しています。私は自分が間違っていることを本当に知りませんし、それが問題であるかどうかを知るのに十分なhtmlについて知りません。
添付のスクリーンショット:
1)コードをそのままにしておくと、画像がすぐ下のモジュールと重なってしまいます。
2)テーブル セルの高さを 400px にするようにコードを変更すると、大量の空白が作成されます。
3)テーブル セルの高さを 1 ～ 399 ピクセルにするようにコードを変更すると、余白が多すぎるか、重なりが生じます。
変更されたコード(注: 「水平」表示スタイルを使用しています):
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<span style="color:green"><b>> <b></span>Click here to <a href="http://localhost/joomlawebsite/index.php?option=com_content&view=article&id=52"><span style="color:blue"><b>view all featured products</b></span></a>.
</tr>
<?php
$i = 0;
while($db->next_record() ){
if ($i%2)
$sectioncolor = "sectiontableentry2";
else
$sectioncolor = "sectiontableentry1";
if( $display_style == "vertical" ) {
?>
<tr align="center" class="<?php echo $sectioncolor ?>">
<td width="<?php echo $width ?>%">
<?php
$ps_product->show_snapshot($db->f("product_sku"), $show_price, $show_addtocart);
?><br />
</td>
</tr>
<?php
}
elseif( $display_style== "horizontal" ) {
if( $i == 0 )
echo "<tr>\n";
echo "<td height=\"400px\" width=\"$width%\" align=\"center\">";
$ps_product->show_snapshot($db->f("product_sku"), $show_price, $show_addtocart);
echo "</td>\n";
if( ($i+1) == $db->num_rows() )
echo "</tr>\n";
}
elseif( $display_style== "table" ) {
if( $i == 0 )
echo "<tr>\n";
echo "<td width=\"$width%\" align=\"center\">";
$ps_product->show_snapshot($db->f("product_sku"), $show_price, $show_addtocart);
echo "</td>\n";
if ( ($i+1) % $products_per_row == 0)
echo "</tr><tr>\n";
if( ($i+1) == $max_items )
echo "</tr>\n";
}
$i++;
}?></table>
どんな助けでも大歓迎です。