2011-12-20 90 views
0

我在計算如何擺脫空白時遇到了一些麻煩。我真的不知道自己做錯了什麼,並且我對HTML知之甚少,不知道是不是問題所在。刪除Virtuemart'特色產品'模塊中的空白空間

截圖附:

1)如果我原樣留下該代碼,我的圖片與模塊正下方重疊。 Original code

Original code with highlights

2)如果我修改代碼以使該表單元格的高度400像素,它創建了大量的空白空間。 Modified code height=400px

Modified code height=400px with highlights

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> 

任何幫助將不勝感激。

+0

看來,其他人也有同樣的問題。我仍然不知道解決方案,但一個共同點似乎是Virtuemart版本1.1.9穩定。有任何想法嗎? [鏈接到Virtuemart論壇](http://forum.virtuemart.net/index.php?topic=95217.0) – 2011-12-26 15:36:48

回答

0

的變化是組件/ com_virtuemart /主題/ 「yourtemplate」 /templates/common/productsnapshot.tpl.php

<!-- The product name DIV. -->
我改變div樣式代碼如下:

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



<!-- The product image DIV. -->
更改div樣式代碼如下:

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


它帶走了所有不必要的空白