Why the blank space on the product info page?

**chrisamydang** · 23 May 2007, 10:46 AM

Hi,

I've customised a zencart page for a client and am getting a blank space just above the product image (noted by the green on the following screen dump):

When I look at the html source there's nothing between the CUSTOMISE GIFT and the product description (which is inside a table):

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<title>New Edition [BA0084] - $50.00 : xxxdomainxxx, Gifts for all Occasions</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="New Edition [BA0084] Food Holidays Corporate Packs Baby and Kids Wine Tea Sympathy Get Well Men Anniversary Spa Pets Corner Gourmet Christmas Valentine Chocolate and Candy Birthday Romantic Housewarming Women Thank You Cheese Mothers Day Fathers Day Cookie Coffee Easter Custom Wedding Kosher Team ecommerce, open source, shop, online shopping" />
<meta name="description" content="xxxdomainxxx New Edition [BA0084] - BA0084New EditionPrice $50.00 Pack includes: 1 x Photo Frame1 x Baby Photo Album1 x Small Teddy Bear1 x Lindt Chocolate for Mom and Dad " />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart&trade; Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart&trade;, http://www.zen-cart.com eCommerce" />

<base href="http://www.xxxdomainxxx.com.au/" />

<link rel="stylesheet" type="text/css" href="includes/templates/barebones/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/barebones/css/stylesheet_css_buttons.css" />
<script type="text/javascript" src="includes/modules/pages/product_info/jscript_textarea_counter.js"></script>

<script language="javascript" type="text/javascript"><!--
function popupWindow(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
function popupWindowPrice(url) {
  window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=600,height=400,screenX=150,screenY=150,top=150,left=150')
}
//--></script>
</head>

<body id="productinfoBody">

<div id="mainWrapper">



<!--bof-header logo and navigation display-->

<div id="headerWrapper">

<!--bof-branding display-->
<div id="logoWrapper">
    <div id="logo"><a href="http://www.xxxdomainxxx.com.au/"><img src="includes/templates/template_default/images/xxxdomainxxx.jpg" alt="xxxdomainxxx" title=" xxxdomainxxx " width="300" height="56" /></a></div>


<div id="taglineWrapper">

<div id="navMain">
<br><ul class="left">
        <li><a href="http://www.xxxdomainxxx.com.au/">Home</a></li>
                                                                                                                        <li><a href="http://www.xxxdomainxxx.com.au/index.php?main_page=login">Log In</a></li>
                                                                                                                      
                                                                                                                                  
                                                                                                                                                                                  <li><a href="index.php?main_page=page&id=1&chapter=0">About Us</a></li>
                                                                                                                                                                                                <li><a href="index.php?main_page=page&id=2&chapter=0">Contact Us</a></li>

                                                                                                                                                                                                            <li><a href="index.php?main_page=page&id=4&chapter=0">Condition of Sale</a></li>
                                                                                                                                                                                                                      <li><a href="index.php?main_page=page&id=3&chapter=0">Delivery Information</a></li>
                                                                                                                                                                                                                                      </ul>
                                                                                                                                                                                                                                                    </div>


<!--bof-navigation display-->
            <!--eof-navigation display-->
      <MAP NAME=header>

      <AREA HREF="index.php?main_page=index&cPath=18" ALT="Birthday and Anniversary1" COORDS="0,12,160,37">
      <AREA HREF="index.php?main_page=index&cPath=5" ALT="Baby and Child" COORDS="0,37,160,62">
      <AREA HREF="index.php?main_page=index&cPath=17" ALT="Corporate Packs" COORDS="0,62,160,87">
      <AREA HREF="index.php?main_page=index&cPath=32" ALT="Team Rewards" COORDS="0,87,160,112">
      <AREA HREF="index.php?main_page=index&cPath=9" ALT="Get Well Soon" COORDS="0,112,160,137">
      <AREA HREF="index.php?main_page=index&cPath=6" ALT="Connoisseurs" COORDS="0,137,160,162">
      <AREA HREF="index.php?main_page=index&cPath=13" ALT="Pets Corner" COORDS="0,162,160,186">
      </MAP>
      <IMG SRC="images/banners/INHOUSE-HEADER.JPG" ALT="Site map" USEMAP="#header" WIDTH=780 HEIGHT=141 border=0>

    </div>
</div>
<!--eof-branding display-->
<!--bof-navigation display-->
<table><tr><td width="139"></td><td><div id="navMain">
<ul class="left">
        <li><a href="http://www.xxxdomainxxx.com.au/">Home</a></li>
                                    <li><a href="http://www.xxxdomainxxx.com.au/index.php?main_page=login">Log In</a></li>
                      
                        
                        <li><a href="index.php?main_page=page&id=1&chapter=0">About Us</a></li>
                          <li><a href="index.php?main_page=page&id=2&chapter=0">Contact Us</a></li>

                        <li><a href="index.php?main_page=page&id=4&chapter=0">Condition of Sale</a></li>
                      <li><a href="index.php?main_page=page&id=3&chapter=0">Delivery Information</a></li>
                            </ul>
                          </div>
</td></tr></table>                        <!--eof-navigation display-->

<!--eof-header logo and navigation display-->

<!--bof-optional categories tabs navigation display-->
<!--eof-optional categories tabs navigation display-->

<!--bof-header ezpage links-->
<!--eof-header ezpage links-->
</div>

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
  <tr>

 <td id="navColumnOne" class="columnLeft" style="width: 150px">
<div>
<table>
<tr>
   <td>
         <img border="0" src="/images/banners/secureshopping.gif">

        </td>
        <tr>
        </table>
        </div>

<div id="navColumnOneWrapper" style="width: 130px"><!--// bof: categoriesselect //-->
<div class="leftBoxContainer" id="categoriesselect" style="width: 130px">
<h3 class="leftBoxHeading" id="categoriesselectHeading">BROWSE BY PRODUCT CATEGORY</h3>
<div id="categoriesselectContent" class="sideBoxContent centeredContent"><form name="categories_form" action="http://www.xxxdomainxxx.com.au/index.php?main_page=index" method="get"><input type="hidden" name="main_page" value="index" /><select name="cPath" onchange="this.form.submit();" size="1">
  <option value="">Select a Category</option>

  <option value="10">Anniversary</option>
  <option value="4">Baby and Kids</option>
  <option value="17">Birthday</option>
  <option value="22">Cheese</option>
  <option value="16" selected="selected">Chocolate and Candy</option>
  <option value="14">Christmas</option>

  <option value="26">Coffee</option>
  <option value="25">Cookie</option>
  <option value="3">Corporate Packs</option>
  <option value="28">Custom</option>
  <option value="27">Easter</option>
  <option value="24">Fathers Day</option>

  <option value="1">Food</option>
  <option value="8">Get Well</option>
  <option value="13">Gourmet</option>
  <option value="2">Holidays</option>
  <option value="19">Housewarming</option>
  <option value="30">Kosher</option>

  <option value="9">Men</option>
  <option value="23">Mothers Day</option>
  <option value="12">Pets Corner</option>
  <option value="18">Romantic</option>
  <option value="11">Spa</option>
  <option value="7">Sympathy</option>

  <option value="6">Tea</option>
  <option value="31">Team</option>
  <option value="21">Thank You</option>
  <option value="15">Valentine</option>
  <option value="29">Wedding</option>
  <option value="5">Wine</option>

  <option value="20">Women</option>
</select>
</form></div></div>
<!--// eof: categoriesselect //-->

<!--// bof: search //-->
<div class="leftBoxContainer" id="search" style="width: 130px">
<h3 class="leftBoxHeading" id="searchHeading"><label>QUICK SEARCH</label></h3>
<div id="searchContent" class="sideBoxContent centeredContent"><form name="quick_find" action="http://www.xxxdomainxxx.com.au/index.php?main_page=advanced_search_result" method="get"><input type="hidden" name="main_page" value="advanced_search_result" /><input type="hidden" name="search_in_description" value="1" /><input type="text" name="keyword" size="16" maxlength="100" style="width: 80px" /><br /><input class="cssButton button_search" onmouseover="this.className='cssButtonHover button_search button_searchHover'" onmouseout="this.className='cssButton button_search'" type="submit" value="Search" style="width: 80px;" /><br /><a href="http://www.xxxdomainxxx.com.au/index.php?main_page=advanced_search">Advanced Search</a></form></div></div>
<!--// eof: search //-->

<!--// bof: shoppingcart //-->
<div class="leftBoxContainer" id="shoppingcart" style="width: 130px">

<h3 class="leftBoxHeading" id="shoppingcartHeading"><a href="http://www.xxxdomainxxx.com.au/index.php?main_page=shopping_cart">SHOPPING CART</a></h3>
<div id="shoppingcartContent" class="sideBoxContent"><div id="cartBoxEmpty">Your cart is empty.</div></div></div>
<!--// eof: shoppingcart //-->

</div><br>

<div>
<table align="center">
<tr>
   <td align="center">
      <a href="index.php?main_page=index&cPath=36">
         <img border="0" src="/images/whats-new-a-120.jpg" width="120" height="93">

        </a>
        </td>
        <tr>
        </table>
        </div>

<br>

<div>
<table align="center">
<tr>
   <td align="center">

   <a href="index.php?main_page=index&cPath=35&products_id=32">
   <img border="0" src="/images/top-sellers-a-120.jpg" width="120" height="93">
   </a>
      </td>
      <tr>
      </table>
      </div>


</td>

    <td valign="top">
<!-- bof  breadcrumb -->
    <div id="navBreadCrumb">  <a href="http://www.xxxdomainxxx.com.au/">Home</a>&nbsp;::&nbsp;
  <a href="http://www.xxxdomainxxx.com.au/index.php?main_page=index&amp;cPath=16">Chocolate and Candy</a>&nbsp;::&nbsp;
New Edition
</div>
<!-- eof breadcrumb -->


<!-- bof upload alerts -->
<!-- eof upload alerts -->

<div class="centerColumn" id="productGeneral">

<!--bof Form start-->
<form name="cart_quantity" action="http://www.xxxdomainxxx.com.au/index.php?main_page=product_info&amp;cPath=16&amp;products_id=23&amp;number_of_uploads=0&amp;action=add_product" method="post" enctype="multipart/form-data">
<!--eof Form start-->


<h1>CUSTOMISE GIFT</H1>
<table><tr><td valign=top>
<!--bof Main Product Image -->
 
<div id="productMainImage" class="centeredContent back">
<script language="javascript" type="text/javascript"><!--
document.write('<a href="javascript:popupWindow(\'http://www.xxxdomainxxx.com.au/index.php?main_page=popup_image&amp;pID=23\')"><img src="images/BA0084a.jpg" alt="New Edition" title=" New Edition " width="180" height="135" /><br /><span class="imgLink">larger image</span></a>');
//--></script>

<noscript>
<a href="http://www.xxxdomainxxx.com.au/index.php?main_page=popup_image&amp;pID=23" target="_blank"><img src="images/BA0084a.jpg" alt="New Edition" title=" New Edition " width="180" height="135" /><br /><span class="imgLink">larger image</span></a></noscript>
</div><!--eof Main Product Image-->
</td><td>
<!--bof Product Name-->
<h1 id="productName" class="productGeneral">New Edition</h1>
<!--eof Product Name-->

<!--bof Product Price block -->
<h2 id="productPrices" class="productGeneral">
$50.00</h2>
<!--eof Product Price block -->

<!--bof free ship icon -->
<!--eof free ship icon -->

 <!--bof Product description -->
<div id="productDescription" class="productGeneral biggerText"><font size=1><span style="font-family: arial,helvetica,sans-serif;">BA0084</span><br><font size=1><span style="font-family: arial,helvetica,sans-serif; font-weight: bold; color: rgb(204, 0, 0);">New Edition</span><br /><br /><font size=1><span style="font-family: arial,helvetica,sans-serif; font-weight: bold;">Price $50.00 </span><br /><br /><span style="font-family: arial,helvetica,sans-serif;">Pack includes:<br /> 1 x Photo Frame<br>1 x Baby Photo Album<br>1 x Small Teddy Bear<br>1 x Lindt Chocolate for Mom and Dad<br></span></div>
<!--eof Product description -->
</td></tr>
<!--bof Attributes Module -->
<tr><td>

<h3 id="attribsOptionsText">Recipient's Details: </h3>
</td></tr>
<tr><td>
<label class="attribsInput" for="attrib-1-0">Name</label></td><td>
<input type="text" name="id[txt_1]" size="32" maxlength="32" value="" id="attrib-1-0" />  

</td></tr>




<br class="clearBoth" />
<tr><td>
<label class="attribsInput" for="attrib-2-0">Address</label></td><td>
<input type="text" name="id[txt_2]" size="32" maxlength="32" value="" id="attrib-2-0" />  


</td></tr>




<br class="clearBoth" />
<tr><td>
<label class="attribsInput" for="attrib-4-0">Postcode</label></td><td>
<input type="text" name="id[txt_4]" size="32" maxlength="32" value="" id="attrib-4-0" />  

</td></tr>




<br class="clearBoth" />
<tr><td>

<label class="attribsSelect" for="attrib-5">State</label></td><td>
<select name="id[5]" id="attrib-5">
  <option value="8">ACT</option>
  <option value="1">NSW</option>
  <option value="7">NT</option>
  <option value="3">QLD</option>
  <option value="5">SA</option>

  <option value="6">TAS</option>
  <option value="2">VIC</option>
  <option value="4">WA</option>
</select>

</td></tr>




<br class="clearBoth" />

<tr><td>
<label class="attribsInput" for="attrib-6-0">Message</label></td><td>
  <input disabled="disabled" type="text" name="remainingtxt_6" size="3" maxlength="3" value="32" />  maximum characters allowed<br /><textarea class="attribsTextarea" name="id[txt_6]" rows="4" cols="32" onkeydown="characterCount(this.form['id[txt_6]'],this.form.remainingtxt_6,32);" onkeyup="characterCount(this.form['id[txt_6]'],this.form.remainingtxt_6,32);" id="attrib-6-0" ></textarea>


</td></tr>




<br class="clearBoth" />


</table>
<!--eof Attributes Module -->

<!--bof Quantity Discounts table -->
<!--eof Quantity Discounts table -->

<!--bof Additional Product Images -->
 <!--eof Additional Product Images -->

<!--bof Prev/Next bottom position -->
<!--eof Prev/Next bottom position -->

<!--bof Tell a Friend button -->
<!--eof Tell a Friend button -->

<!--bof Reviews button and count-->
<!--eof Reviews button and count -->


<!--bof Product date added/available-->
 <p id="productDateAdded" class="productGeneral centeredContent">This product was added to our catalog on Saturday 05 May, 2007.</p>
<!--eof Product date added/available -->

<!--bof Product URL -->
<!--eof Product URL -->

<!--bof also purchased products module-->

<!--eof also purchased products module-->

<!--bof Add to Cart Box -->
           <div id="cartAdd">
     Add to Cart: <input type="text" name="cart_quantity" value="1" maxlength="6" size="4" /><br /><br /><input type="hidden" name="products_id" value="23" /><input class="cssButton button_in_cart" onmouseover="this.className='cssButtonHover button_in_cart button_in_cartHover'" onmouseout="this.className='cssButton button_in_cart'" type="submit" value="Add to Cart" style="width: 80px;" />     </div>
               <!--eof Add to Cart Box-->



<!--bof Form close-->
</form>
<!--bof Form close-->
</div>

<!--eof Product description -->
<br class="clearBoth" />
</td></tr></table>

</td>

  </tr>
</table>



<!--bof-navigation display -->
<div id="navSuppWrapper">
<div id="navSupp">
<ul>

<li><a href="http://www.xxxdomainxxx.com.au/">Home</a></li>
<li></li>
</ul>
</div>
</div>
<!--eof-navigation display -->

<!--bof-ip address display -->
<div id="siteinfoIP">Your IP Address is:   202.134.251.205</div>
<!--eof-ip address display -->

<!--bof-banner #5 display -->
<!--eof-banner #5 display -->

<!--bof- site copyright display -->

<div id="siteinfoLegal" class="legalCopyright">Copyright &copy; 2007 <a href="http://www.xxxdomainxxx.com.au" target="_blank">xxxdomainxxx</a>.</div>
<!--eof- site copyright display -->

</div>
<!--bof- parse time display -->
<!--eof- parse time display -->
<!--bof- banner #6 display -->
<!--eof- banner #6 display -->
</body>
</html>

I'm sorry to put in all the coding but I thought it might have to do with the context.

Thanks in advance
Christopher Dang

Thread: Why the blank space on the product info page?

Thread Tools

Search Thread

Display

Why the blank space on the product info page?

Similar Threads

v151 Blank space between images on the home page?

Adjust the text space for product info

Moving the Buy Now Button to the top of the Product Info Page

Posting Permissions