Virtuemartの「おすすめ製品」モジュールの空白を削除する

Question

空白を取り除く方法を理解する上で問題があります。私は本当に何が間違っているのか分からず、それが問題かどうかを知るために十分なHTMLについて知りません。添付

スクリーン：

1） Iがそのままコードを残す場合、私の画像が真下モジュールと重なります。

2） I表のセルの高さ400ピクセルを行うためのコードを変更した場合、これは、ホワイトスペースを大量に生成します。

3）私はテーブルセルの高さ1-399pxを作るためにコードを変更した場合、それはあまりにも多くの空白や重複のいずれかを作成します。

変更されたコード（注：私は "水平" 表示スタイルを使用しています）：

<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> 

任意の助けいただければ幸いです。

Answer 1

変更は、私がこれまでのdivスタイルのコードを変更し
<!-- The product name DIV. -->の下

/templates/common/productsnapshot.tpl.php コンポーネント/ com_virtuemart /テーマ/ "yourtemplate" である：

<div style="height:35px; float:left; width: 100%;line-height:14px;"> 

：

私はこれまでのdivスタイルのコードを変更
<!-- The product image DIV. -->の下で

<div style="width: 100%;float:left"> 

そして、それは離れて、すべての他の人も同じ問題があったと思われる不要な空白