Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 19
  1. #1
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Table Not Within A Div

    Hi

    I am developing a cart page (using zen cart). I dont beleive it to be a strict zen cart problem more of a css.

    I have a table contained within a div however the table does not appear within the div its appearing as its own element outside of a div and i cannot figure out why.

    Unfortunately i have no link due to working on the site on a local host.

    Css:

    Code:
    /* CSS Document */
    <style type="text/css">
    
    .containerBox { 
    width : 972px; 
    height: 100%;
    margin-left : auto; 
    margin-right : auto; 
    } 
    
    .headerBox { 
    margin-bottom : 0px; 
    width : 972px; 
    margin-left : auto; 
    margin-right : auto;  
    } 
    
    .footerBox { 
    margin-bottom : 1em; 
    width : 972px; 
    margin-left : auto; 
    margin-right : auto; 
    height : 50px; 
    position : relative; 
    } 
    
    .mainBodyBox { 
    margin-bottom : 1em; 
    width : 972px; 
    margin-left : auto; 
    margin-right : auto; 
    text-align : center; 
    font : 16px Arial; 
    font-weight : bold; 
    position : relative; 
    height : 100%; 
    } 
    
    .companyLogo { 
    margin-bottom : 1px; 
    float : left; 
    margin-left : 1px;
    } 
    
    .companyPhone { 
    margin-bottom : 1px; 
    margin-top : 20px;
    float : right; 
    } 
    
    .searchBox{
    text-align : center;
    margin-bottom : 1px; 
    margin-top : 20px;
    }
    
    .topNav { 
    margin-bottom : 1px; 
    } 
    
    .topNav ul { 
    padding : 3px 9px 2px 5px; 
    margin-left : 0; 
    margin-right : 0; 
    margin-top : 0; 
    margin-bottom : 40px; 
    font : 12px Arial; 
    list-style-type : none; 
    text-align : center; 
    border-bottom : 0 solid #929492; 
    } 
    
    .topNav li { 
    display : inline; 
    margin : 0; 
    } 
    
    .topNav li a { 
    text-decoration : none; 
    padding : 3px 9px 2px 5px; 
    margin : 0; 
    margin-right : 0; 
    border-left : 0 solid #ddd; 
    color : #0099ff; 
    font-size : 14px; 
    } 
    
    .navBar{
    margin: 0 auto;
    width : 980px; 
    } 
    
    .halfmoon { 
    } 
    
    .halfmoon ul { 
    padding : 0px 0px 0px 0px; 
    font : 14px Arial; 
    margin : 0; 
    margin-left : 0; 
    margin-right : 0; 
    list-style-type : none;
    } 
    
    .halfmoon li {	 
    	display: inline-block;
    	margin: 0 4px 9px 0;
    }
     
    .halfmoon li a { 
    text-decoration : none; 
    padding : 3px 9px 2px 5px; 
    margin : 0; 
    margin-right : 0; 
    color : white; 
    font-size : 14px; 
    background : #492d67; 
    } 
    .halfmoon li a:visited { 
    color : white; 
    } 
    .halfmoon li a:hover { 
    background-color : #0099ff; 
    color : white; 
    } 
    #tabcontentcontainer { 
    text-align : center; 
    } 
    .tabcontent { 
    display : none; 
    } 
    .mapBox1 { 
    margin-bottom : 1em; 
    width : 640px; 
    height : 620px; 
    float : right; 
    } 
    .textBox1 { 
    margin-bottom : 1em; 
    width : 300px; 
    height : 620px; 
    float : left; 
    text-align : center; 
    display : inline; 
    overflow : auto; 
    } 
    .bottomNav { 
    margin-bottom : 1em; 
    border-top : 1px solid #ddd; 
    border-bottom : 1px solid #ddd; 
    } 
    .bottomNav ul { 
    padding : 3px 9px 2px 5px; 
    margin-left : 0; 
    margin-right : 0; 
    margin-top : 2px; 
    margin-bottom : 2px; 
    font : 12px Arial; 
    list-style-type : none; 
    text-align : center; 
    border-bottom : 0 solid #929492; 
    } 
    
    .bottomNav li { 
    display : inline; 
    margin : 0; 
    } 
    
    .bottomNav li a { 
    text-decoration : none; 
    padding : 3px 9px 2px 5px; 
    margin : 0; 
    margin-right : 0; 
    color : #0099ff; 
    font-size : 14px; 
    }
     
    #bottomDisclaimer { 
    margin-bottom : 1em; 
    padding : 3px 9px 2px 5px; 
    margin-left : 0; 
    margin-right : 0; 
    margin-top : 0; 
    margin-bottom : 0; 
    font : 12px Arial; 
    list-style-type : none; 
    text-align : center; 
    border-bottom : 0 solid #929492;
    } 
    
    #navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	margin: auto;	
    	} 
    	
    #navColumnTwo{
    	float:right;
    	}
    	
    	th.listingModel {}/*heading elements can be individually controlled like this*/
    .productListing-rowheading th {} /*control all heading elements with this*/
    .productListing-even td, .productListing-odd td {} /*control all listing elements with this*/
    .listingModel {}
    .listingName {}
    h3.itemTitle {}
    .listingDescription {}
    .listingManufacturer {}
    .listingPrice {float: left;} /*demo setup*/
    .listingButtonGroup {float: right; width:50%; border-left: 1px solid #999999;} /*demo setup*/
    .listingQuantity {text-align: right;}
    .listingWeight {text-align: right;}
    .listingImage {text-align: center;}
    .listingProductImage {}
    
    #navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    	margin: 0.5em;
    	}
    	
    	.clearBoth {
    	clear: both;
    	}
    	
    	#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
    	text-decoration : none;
    	position: absolute;	
    	top: 160px;    	
    	text-align: left;		 
    	} 
    	
    	.leftBoxHeading {   
    	margin: 0em;	
    	background-color:#492d67;
    	padding : 3px 9px 2px 5px;
    	text-align: center;
    	font : 14px Arial white;
    	color: white; 	
    	margin-top : 5px; 
    	margin-bottom : 5px;
    	text-decoration : none;
    	font-weight:bold;
    	}
    		  
    	.rightBoxHeading { 
    	text-decoration: none;	
    	background-color:#492d67;
    	padding : 3px 9px 2px 5px; 
    	text-align: center;
    	font : 14px Arial; 
    	color: white;
    	margin-top : 5px;
    	margin-bottom : 5px;
    	font-weight:bold;
    	}
    	
    	.sideBoxContent a:link {
    	text-decoration: none;
    	font : 13px Arial Bold;
    	color: #0099ff;
    	}
    
       .sideBoxContent a:hover {
    	text-decoration: none;
    	font : 14px Arial;
    	}
    
    	.sideBoxContent a:visited {
    	text-decoration: none;
    	font : 13px Arial Bold;
    	color: #0099ff;
    	}
    	
    	#navBreadCrumb {
    	width : 580px; 
    	margin-left : auto; 
    	margin-right : auto;
    	text-align: left;
    	font : 12px Arial Bold;
    	color: #492d67;
    	}
    	
    	#contentBodyBox{
    	text-decoration: none;
    	width : 580px; 
    	margin-left : auto; 
    	margin-right : auto;
    	text-align: center;
    	font : 14px Arial Bold;
    	color: #492d67;
    	height: 100%;	
    	}
    	
    	.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
    	text-align: center;		
    	}
    	
    	.centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials {	
    	width : 185px;
    	height : 165px;
    	}
    	
    	#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
    	margin: 0.5em;
    	}
    	
    	.navSplitPagesResult {}
    	
    	.navSplitPagesLinks {}
    	
    	h1 {	
    	font-size: 1.5em;
    	}
    	
    	h1, h2, h3, h4, h5, h6, h7, h8 {
    	margin: 0.3em 3px;
    }
    	
    	h2{
    	text-decoration : none;	
    	background-color:#492d67;
    	padding : 3px 9px 2px 5px; 
    	text-align: center;
    	font : 18px Arial; 
    	font-weight:bold;
    	color: white;
    	margin-top : 5px;
    	margin-bottom : 5px;
    	}
    
    /*misc*/
    .back {
    	float: left;
    	}
    
    .forward, #shoppingCartDefault #PPECbutton {
    	float: right;
    			}
    
    .bold {
    	font-weight: bold;
    	}
    
    .rowOdd {
    	background-color: #E8E8E8;
    	height: 1.5em;
    	vertical-align: top;
    	}
    
    .rowEven {
    	background-color: #F0F0F0;
    	height: 1.5em;
    	vertical-align: top;
    	}
    
    .hiddenField {
    	display: none;
    }
    .visibleField {
    	display: inline;
    }
    
    CAPTION {
    	/*display: none;*/
    	}
    
    #myAccountGen li, #myAccountNotify li {
    	margin: 0;
    	} 
    
    .accountTotalDisplay, .accountTaxDisplay {
    	width: 20%;
    	text-align: right;
    	/*vertical-align: top*/
    	}
    
    .accountQuantityDisplay {
    	width: 10%;
    	vertical-align: top
    	}
    
    TR.tableHeading {
    	background-color: #cacaca;
    	height: 2em;
    	}
    
    #siteMapList {
    	width: 90%;
    	float: right;
    	}
    
    .ratingRow {
    	margin: 1em 0em 1.5em 0em;
    	}
    
    LABEL#textAreaReviews {
    	font-weight: normal;
    	margin: 1em 0em;
    	}
    
    #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
    	background-color: #ffffff;	
    	}
    .information {
    padding: 10px 3px; line-height: 150%;
    }
    
    `#shoppingcartBody, #shippingEstimatorContent {
    	clear: both;		
    	}
    
    `.seDisplayedAddressLabel {
    	background-color:#85C285;
    	text-align: center;
    	}
    	
    `.seDisplayedAddressInfo {
    	text-transform: uppercase;
    	text-align: center;
    	font-weight: bold;
    	}
    	
    `#seShipTo {
    	padding: 0.2em;
    	}
    		
    		/*Image Display*/
    `#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
    	margin: 0em 1em 1em 0em ;
    	}
    
    `.categoryIcon {}
    
    `#cartImage {
    	margin: 0.5em 1em;
    	}
    
    /*Attributes*/
    `.attribImg {
    	width: 20%;
    	margin: 0.3em 0em;
    }
    
    `.attributesComments {}
    
    h3.itemTitle {	
    	text-decoration: none;
    	}
    
    	img {border: none; 
    	}	
    		
    	#shoppingcart ul li {
    	list-style-type: none;	
    	}
    	
    	.cartNewItem {
    	color:  #0099ff;
    	position: relative;  /*do not remove-fixes stupid IEbug*/
    	text-align:left;	
    	}	
    	
    	#bestsellers .wrapper {
    	color : #0099ff; 	
    	text-align: left;
    	}
    
    #bestsellers ol {
    	padding: 0;	
    	}
    
    #bestsellers li {
     	padding-top: 5px;
    	clear: both;
    	}
    
    .bestsellers_thumbnail {
    width: 26px;
    padding-right: 4px;
    float: left;
    margin: 0px;
      } 
      
      #manufacturersimgContent {float: left; width: 50px;}
      .newline {clear: left;}  
      
      a:link  {
    	color: #492d67;
    	text-decoration: none;
    	font : 14px Arial;
    	}	
    
       a:hover {
    	color: #CCBAE0;
    	text-decoration: none;	
    	}
    
    	a:visited {	
    	}
    
    .productSpecialPrice, .productPriceDiscount, .productSpecialPriceSale, .productSpecialPrice, .productSalePrice {
    color: #0099ff;
    text-decoration: none;
    font-weight : bold; 
    }
    
    .normalprice{
    color: #492d67;
    text-decoration: none;
    font-weight : bold; 
    }
    
    #productWrapperBox{
    width: 580px;
    height: 100%;
    border: solid;
    border-width: 3px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    }
    
    #productTopWrapperBox{
    width: 580px;
    height: 350px;
    border: solid;
    border-width: 1px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    }
    
    #productImageBox{
    width: 275px;
    height: 275px;
    float: left;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:5px;
    }
    
    #productImage{
    margin-top:auto;
    margin-bottom:auto;
    margin-right:auto;
    margin-left:auto;
    }
    
    #productAdditionalImageBox{
    width: 275px;
    height: 50px;
    float: left;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:5px;
    }
    
    #productAdditionalButtons{
    width: 275px;
    height: 50px;
    float: right;
    border: solid;
    border-width: 1px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:5px;
    }
    
    #productTitleBox{
    width: 275px;
    height: 275px;
    float: right;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:5px;
    }
    
    #productTabWrapperBox{
    width: 580px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    }  
    
    h7{
    color: #0099ff;
    text-decoration: none;
    font : 16px Arial;
    font-weight : bold; 
    }
    
    h8{
    color: #492d67;
    text-decoration: none;
    font : 1.5em Arial;
    font-weight : bold; 
    }
    
    #cartBox{
    width:250px;
    height: 75px;
    background-color:#CCBAE0;
    border: solid;
    border-width: 1px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:10px;
    }
    
    #productTabBox{
    width: 575px;
    min-height: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:5px;
    }
    
    #otherProductsBox{
    width: 580px;
    height: 200px;
    border: solid;
    border-width: 1px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    }
    
    .centerBoxContentsNew img {
    margin-left: auto;
    margin-right: auto;
    }
    
    #cartBoxListWrapper, .cartNewItem, .cartOldItem{
    font : 12px Arial;
    color: #0099ff;
    text-align:left;
    }
    
    .cartBoxTotal{
    font : 14px Arial;
    color: #0099ff;
    font-weight : bold; 
    text-align:right;
    }
    
    #shoppingCartDefault{
    width: 580px;
    height: 100%;
    border: solid;
    border-width: 3px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    }
    
    #cartButtonWrapperBox{
    width: 580px;
    height: 100%;
    border: solid;
    border-width: 3px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    }
    
    </style>

  • #2
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Page for the cart:

    PHP Code:
    <?php
    /**
     * Page Template
     *
     * Loaded automatically by index.php?main_page=shopping_cart.<br />
     * Displays shopping-cart contents
     *
     * @package templateSystem
     * @copyright Copyright 2003-2010 Zen Cart Development Team
     * @copyright Portions Copyright 2003 osCommerce
     * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
     * @version $Id: tpl_shopping_cart_default.php 15881 2010-04-11 16:32:39Z wilt $
     */
    ?>
    <div class="centerColumn" id="shoppingCartDefault" >
    <?php
      
    if ($flagHasCartContents) {
    ?>

    <?php
      
    if ($_SESSION['cart']->count_contents() > 0) {
    ?>
    <div class="forward"><?php echo TEXT_VISITORS_CART?></div>
    <?php
      
    }
    ?>

    <h1 id="cartDefaultHeading"><?php echo HEADING_TITLE?></h1>

    <?php if ($messageStack->size('shopping_cart') > 0) echo $messageStack->output('shopping_cart'); ?>

    <?php echo zen_draw_form('cart_quantity'zen_href_link(FILENAME_SHOPPING_CART'action=update_product'$request_type)); ?>
    <div id="cartInstructionsDisplay" class="content"><?php echo TEXT_INFORMATION?></div>

    <?php if (!empty($totalsDisplay)) { ?>
      <div class="cartTotalsDisplay important"><?php echo $totalsDisplay?></div>
      <br class="clearBoth" />
    <?php ?>

    <?php  if ($flagAnyOutOfStock) { ?>

    <?php    if (STOCK_ALLOW_CHECKOUT == 'true') {  ?>

    <div class="messageStackError"><?php echo OUT_OF_STOCK_CAN_CHECKOUT?></div>

    <?php    } else { ?>
    <div class="messageStackError"><?php echo OUT_OF_STOCK_CANT_CHECKOUT?></div>

    <?php    //endif STOCK_ALLOW_CHECKOUT ?>
    <?php  
    //endif flagAnyOutOfStock ?>


    <table  border="0" width="580px" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
         <tr class="tableHeading">
            <th scope="col" id="scQuantityHeading">Qty.</th>
            <th scope="col" id="scUpdateQuantity">&nbsp;</th>
            <th scope="col" id="scProductsHeading">Item Name</th>
            <th scope="col" id="scUnitHeading">Price</th>
            <th scope="col" id="scTotalHeading">Total</th>
            <th scope="col" id="scRemoveHeading">&nbsp;</th>
         </tr>

             <!-- Loop through all products /-->
    <?php
      
    foreach ($productArray as $product) {
    ?>
         <tr class="<?php echo $product['rowClass']; ?>">
           <td class="cartQuantity">
    <?php
      
    if ($product['flagShowFixedQuantity']) {
        echo 
    $product['showFixedQuantityAmount'] . '<br /><span class="alert bold">' $product['flagStockCheck'] . '</span><br /><br />' $product['showMinUnits'];
      } else {
        echo 
    $product['quantityField'] . '<br /><span class="alert bold">' $product['flagStockCheck'] . '</span><br /><br />' $product['showMinUnits'];
      }
    ?>
           </td>
           <td class="cartQuantityUpdate">
    <?php
      
    if ($product['buttonUpdate'] == '') {
        echo 
    '' ;
      } else {
        echo 
    $product['buttonUpdate'];
      }
    ?>
           </td>
           <td class="cartProductDisplay">
    <a href="<?php echo $product['../../template_default/templates/linkProductsName']; ?>"><span id="cartImage" class="back"><?php echo $product['productsImage']; ?></span><span id="cartProdTitle"><?php echo $product['productsName'] . '<span class="alert bold">' $product['flagStockCheck'] . '</span>'?></span></a>
    <br class="clearBoth" />


    <?php
      
    echo $product['attributeHiddenField'];
      if (isset(
    $product['attributes']) && is_array($product['attributes'])) {
      echo 
    '<div class="cartAttribsList">';
      echo 
    '<ul>';
        
    reset($product['attributes']);
        foreach (
    $product['attributes'] as $option => $value) {
    ?>

    <li><?php echo $value['products_options_name'] . TEXT_OPTION_DIVIDER nl2br($value['products_options_values_name']); ?></li>

    <?php
        
    }
      echo 
    '</ul>';
      echo 
    '</div>';
      }
    ?>
           </td>
           <td class="cartUnitDisplay"><?php echo $product['productsPriceEach']; ?></td>
           <td class="cartTotalDisplay"><?php echo $product['productsPrice']; ?></td>
           <td class="cartRemoveItemDisplay">
    <?php
      
    if ($product['buttonDelete']) {
    ?>
               <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART'action=remove_product&product_id=' $product['id']); ?>"><?php echo zen_image($template->get_template_dir(ICON_IMAGE_TRASHDIR_WS_TEMPLATE$current_page_base,'images/icons'). '/' ICON_IMAGE_TRASHICON_TRASH_ALT); ?></a>
    <?php
      
    }
      if (
    $product['checkBoxDelete'] ) {
        echo 
    zen_draw_checkbox_field('cart_delete[]'$product['id']);
      }
    ?>
    </td>
         </tr>
    <?php
      
    // end foreach ($productArray as $product)
    ?>
           <!-- Finished loop through all products /-->
          </table>

    <div id="cartSubTotal"><?php echo SUB_TITLE_SUB_TOTAL?> <?php echo $cartShowTotal?></div>
    <br class="clearBoth" />

    <div id="cartButtonWrapperBox">
    <!--bof shopping cart buttons-->
    <div class="buttonRow forward"><?php echo '<a href="' zen_href_link(FILENAME_CHECKOUT_SHIPPING'''SSL') . '">' zen_image_button(BUTTON_IMAGE_CHECKOUTBUTTON_CHECKOUT_ALT) . '</a>'?></div>
    <div class="buttonRow back"><?php echo zen_back_link() . zen_image_button(BUTTON_IMAGE_CONTINUE_SHOPPINGBUTTON_CONTINUE_SHOPPING_ALT) . '</a>'?></div>

    <?php
    // show update cart button
      
    if (SHOW_SHOPPING_CART_UPDATE == or SHOW_SHOPPING_CART_UPDATE == 3) {
    ?>
    <div class="buttonRow back"><?php echo zen_image_submit(ICON_IMAGE_UPDATEICON_UPDATE_ALT); ?></div>
    <?php
      
    } else { // don't show update button below cart
    ?>
    <?php
      
    // show update button
    ?>
    <!--eof shopping cart buttons-->
    </form>

    <?php
        
    if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '1') {
    ?>

    <div class="buttonRow back"><?php echo '<a href="javascript:popupWindow(\'' zen_href_link(FILENAME_POPUP_SHIPPING_ESTIMATOR) . '\')">' .
     
    zen_image_button(BUTTON_IMAGE_SHIPPING_ESTIMATORBUTTON_SHIPPING_ESTIMATOR_ALT) . '</a>'?></div>
    <?php
        
    }
    ?>
    <br class="clearBoth" />

    <!-- ** BEGIN PAYPAL EXPRESS CHECKOUT ** -->
    <?php  // the tpl_ec_button template only displays EC option if cart contents >0 and value >0
    if (defined('MODULE_PAYMENT_PAYPALWPP_STATUS') && MODULE_PAYMENT_PAYPALWPP_STATUS == 'True') {
      include(
    DIR_FS_CATALOG DIR_WS_MODULES 'payment/paypal/tpl_ec_button.php');
    }
    ?>
    <!-- ** END PAYPAL EXPRESS CHECKOUT ** -->

    <?php
          
    if (SHOW_SHIPPING_ESTIMATOR_BUTTON == '2') {
    /**
     * load the shipping estimator code if needed
     */
    ?>
          <?php require(DIR_WS_MODULES zen_get_module_directory('shipping_estimator.php')); ?>

    <?php
          
    }
    ?>
    <?php
      
    } else {
    ?>

    <h2 id="cartEmptyText"><?php echo TEXT_CART_EMPTY?></h2>

    <?php
    $show_display_shopping_cart_empty 
    $db->Execute(SQL_SHOW_SHOPPING_CART_EMPTY);

    while (!
    $show_display_shopping_cart_empty->EOF) {
    ?>

    <?php
      
    if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_FEATURED_PRODUCTS') { ?>
    <?php
    /**
     * display the Featured Products Center Box
     */
    ?>
    <?php 
    require($template->get_template_dir('tpl_modules_featured_products.php',DIR_WS_TEMPLATE$current_page_base,'templates'). '/tpl_modules_featured_products.php'); ?>
    <?php 
    ?>

    <?php
      
    if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_SPECIALS_PRODUCTS') { ?>
    <?php
    /**
     * display the Special Products Center Box
     */
    ?>
    <?php 
    require($template->get_template_dir('tpl_modules_specials_default.php',DIR_WS_TEMPLATE$current_page_base,'templates'). '/tpl_modules_specials_default.php'); ?>
    <?php 
    ?>

    <?php
      
    if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_NEW_PRODUCTS') { ?>
    <?php
    /**
     * display the New Products Center Box
     */
    ?>
    <?php 
    require($template->get_template_dir('tpl_modules_whats_new.php',DIR_WS_TEMPLATE$current_page_base,'templates'). '/tpl_modules_whats_new.php'); ?>
    <?php 
    ?>

    <?php
      
    if ($show_display_shopping_cart_empty->fields['configuration_key'] == 'SHOW_SHOPPING_CART_EMPTY_UPCOMING') {
        include(
    DIR_WS_MODULES zen_get_module_directory(FILENAME_UPCOMING_PRODUCTS));
      }
    ?>
    <?php
      $show_display_shopping_cart_empty
    ->MoveNext();
    // !EOF
    ?>
    <?php
      
    }
    ?>
    </div>
    </div>

  • #3
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    The section of code causing the problem:

    PHP Code:
    <table  border="0" width="580px" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
         <tr class="tableHeading">
            <th scope="col" id="scQuantityHeading">Qty.</th>
            <th scope="col" id="scUpdateQuantity">&nbsp;</th>
            <th scope="col" id="scProductsHeading">Item Name</th>
            <th scope="col" id="scUnitHeading">Price</th>
            <th scope="col" id="scTotalHeading">Total</th>
            <th scope="col" id="scRemoveHeading">&nbsp;</th>
         </tr>

             <!-- Loop through all products /-->
    <?php
      
    foreach ($productArray as $product) {
    ?>
         <tr class="<?php echo $product['rowClass']; ?>">
           <td class="cartQuantity">
    <?php
      
    if ($product['flagShowFixedQuantity']) {
        echo 
    $product['showFixedQuantityAmount'] . '<br /><span class="alert bold">' $product['flagStockCheck'] . '</span><br /><br />' $product['showMinUnits'];
      } else {
        echo 
    $product['quantityField'] . '<br /><span class="alert bold">' $product['flagStockCheck'] . '</span><br /><br />' $product['showMinUnits'];
      }
    ?>
           </td>
           <td class="cartQuantityUpdate">
    <?php
      
    if ($product['buttonUpdate'] == '') {
        echo 
    '' ;
      } else {
        echo 
    $product['buttonUpdate'];
      }
    ?>
           </td>
           <td class="cartProductDisplay">
    <a href="<?php echo $product['../../template_default/templates/linkProductsName']; ?>"><span id="cartImage" class="back"><?php echo $product['productsImage']; ?></span><span id="cartProdTitle"><?php echo $product['productsName'] . '<span class="alert bold">' $product['flagStockCheck'] . '</span>'?></span></a>
    <br class="clearBoth" />


    <?php
      
    echo $product['attributeHiddenField'];
      if (isset(
    $product['attributes']) && is_array($product['attributes'])) {
      echo 
    '<div class="cartAttribsList">';
      echo 
    '<ul>';
        
    reset($product['attributes']);
        foreach (
    $product['attributes'] as $option => $value) {
    ?>

    <li><?php echo $value['products_options_name'] . TEXT_OPTION_DIVIDER nl2br($value['products_options_values_name']); ?></li>

    <?php
        
    }
      echo 
    '</ul>';
      echo 
    '</div>';
      }
    ?>
           </td>
           <td class="cartUnitDisplay"><?php echo $product['productsPriceEach']; ?></td>
           <td class="cartTotalDisplay"><?php echo $product['productsPrice']; ?></td>
           <td class="cartRemoveItemDisplay">
    <?php
      
    if ($product['buttonDelete']) {
    ?>
               <a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART'action=remove_product&product_id=' $product['id']); ?>"><?php echo zen_image($template->get_template_dir(ICON_IMAGE_TRASHDIR_WS_TEMPLATE$current_page_base,'images/icons'). '/' ICON_IMAGE_TRASHICON_TRASH_ALT); ?></a>
    <?php
      
    }
      if (
    $product['checkBoxDelete'] ) {
        echo 
    zen_draw_checkbox_field('cart_delete[]'$product['id']);
      }
    ?>
    </td>
         </tr>
    <?php
      
    // end foreach ($productArray as $product)
    ?>
    If i remove this then the page layout acts as it should.

  • #4
    Regular Coder
    Join Date
    Aug 2011
    Location
    U.S.A.
    Posts
    233
    Thanks
    2
    Thanked 48 Times in 48 Posts
    First, if you think that that code is what's causing the problem, delete all of the php code form that section so that you only have html:

    Code:
    <table  border="0" width="580px" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
         <tr class="tableHeading">
            <th scope="col" id="scQuantityHeading">Qty.</th>
            <th scope="col" id="scUpdateQuantity">&nbsp;</th>
            <th scope="col" id="scProductsHeading">Item Name</th>
            <th scope="col" id="scUnitHeading">Price</th>
            <th scope="col" id="scTotalHeading">Total</th>
            <th scope="col" id="scRemoveHeading">&nbsp;</th>
         </tr>
    </table>
    See if that shows up correctly.

    Secondly, what div is this table supposed to be inside of? #centerColumn? If so, are the other elements inside of #centerColumn?
    WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.

  • #5
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by resdog View Post
    First, if you think that that code is what's causing the problem, delete all of the php code form that section so that you only have html:

    Code:
    <table  border="0" width="580px" cellspacing="0" cellpadding="0" id="cartContentsDisplay">
         <tr class="tableHeading">
            <th scope="col" id="scQuantityHeading">Qty.</th>
            <th scope="col" id="scUpdateQuantity">&nbsp;</th>
            <th scope="col" id="scProductsHeading">Item Name</th>
            <th scope="col" id="scUnitHeading">Price</th>
            <th scope="col" id="scTotalHeading">Total</th>
            <th scope="col" id="scRemoveHeading">&nbsp;</th>
         </tr>
    </table>
    See if that shows up correctly.

    Secondly, what div is this table supposed to be inside of? #centerColumn? If so, are the other elements inside of #centerColumn?

    Hi

    Tried your suggestion but no success. Deleted all the php and the table still showed just with no content in it.

    Yes it is supposed to be enclosed within centreColumn.

    I have tried creating a new div especially for the table however it still wont stay within a div. It appears as though the table refuses to be inside a div.

    I have borders around the div. These stop when it reaches the table section. However when i remove the table section the whole page is bordered as it should be.

    Its almost as if there is a div close tag as the table starts however i cannot see anything of the sort.

  • #6
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I have also just removed all the table elements from that section of code. The content displays and the layout displays correctly.

  • #7
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by kinger251285 View Post
    I have also just removed all the table elements from that section of code. The content displays and the layout displays correctly.
    However still require the layout the table provides.

  • #8
    Regular Coder
    Join Date
    Aug 2011
    Location
    U.S.A.
    Posts
    233
    Thanks
    2
    Thanked 48 Times in 48 Posts
    OK, so we see what the code is on the backend. Can you provide what the code is rendering as? Without the PHP tags? That may give us a clue as to what is happening.
    WordPress Designer and theme developer. KlongDesigns - helping bloggers and non-technical folks claim their space on the internet.

  • #9
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,718
    Thanks
    41
    Thanked 191 Times in 190 Posts
    Quote Originally Posted by kinger251285 View Post
    Hi

    Tried your suggestion but no success. Deleted all the php and the table still showed just with no content in it.

    Yes it is supposed to be enclosed within centreColumn.

    I have tried creating a new div especially for the table however it still wont stay within a div. It appears as though the table refuses to be inside a div.

    I have borders around the div. These stop when it reaches the table section. However when i remove the table section the whole page is bordered as it should be.

    Its almost as if there is a div close tag as the table starts however i cannot see anything of the sort.
    Quote Originally Posted by kinger251285 View Post

    Unfortunately i have no link due to working on the site on a local host.
    so now we know it is an html issue. Since we cannot see it, can you SS what it looks like, and also post what it "should" look like... also as resdog said, can you post just the html so we know what we are looking at

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #10
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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>Shopping Cart : Zen Cart!, The Art of E-commerce</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    
    <meta name="keywords" content="Hardware Software DVD Movies Gift Certificates Big Linked Test Examples Free Call Stuff Test 10% by Attrib Test 10% A Top Level Cat Sale Percentage Sale Deduction Sale New Price Big Unlinked New v1.2 Music Documents Mixed Product Types ecommerce, open source, shop, online shopping Shopping Cart" />
    
    <meta name="description" content="Zen Cart! : Shopping Cart - Hardware Software DVD Movies Gift Certificates Big Linked Test Examples Free Call Stuff Test 10% by Attrib Test 10% A Top Level Cat Sale Percentage Sale Deduction Sale New Price Big Unlinked New v1.2 Music Documents Mixed Product Types ecommerce, open source, shop, online shopping" />
    
    <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://localhost/zen-cart/" />
    
    <link rel="canonical" href="http://localhost/zen-cart/index.php?main_page=shopping_cart" />
    
    
    
    <link rel="stylesheet" type="text/css" href="includes/templates/StavertonElectrical/css/stylesheet.css" />
    <link rel="stylesheet" type="text/css" href="includes/templates/StavertonElectrical/css/stylesheet_css_buttons.css" />
    <link rel="stylesheet" type="text/css" media="print" href="includes/templates/StavertonElectrical/css/print_stylesheet.css" />
    <script language="javascript" src="includes/general.js" type="text/javascript"></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=yes,resizable=yes,copyhistory=no,width=550,height=550,screenX=150,screenY=100,top=100,left=150')
    
    }
    
    //--></script>
    
    <script language="javascript" type="text/javascript"><!--
    
    function session_win() {
    
      window.open("http://localhost/zen-cart/index.php?main_page=info_shopping_cart","info_shopping_cart","height=460,width=430,toolbar=no,statusbar=no,scrollbars=yes").focus();
    
    }
    
    //--></script>
    </head>
    
    
    
    <div class="mainBodyBox">
    
    <body id="shoppingcartBody">
    
    
    
    <div class="mainBodyBox">
    
    
    
    <div class="containerBox">
    
    <div class="headerBox">
    
    
    
    <div class="companyLogo">
    
      <a href="http://www.stavertonelectrical.co.uk"><IMG src="http://www.clarksonevans.co.uk/ebay/Photos/Company%20logos/CE%20staveton%20supplies%20PUR%20BL%20small.jpg" alt="Staverton Electrical Supplies Ltd" width=185 height=100 border="0"></a>
    
    </div>
    
    
    
    <div class="companyPhone">
    
    <a href="http://www.clarksonevans.co.uk/StavTest/ContactUs.htm"><IMG src="http://www.clarksonevans.co.uk/ebay/EbayHTMLTemplate/Customer%20Services.jpg" alt="Customer Services Telephone Number" width=150 height=50 border="0"></a>
    
    </div>
    
    
    
    <div class="topNav">
    
    <ul>
    
    <li><div id="navEZPagesTop">
    
      <a href="http://localhost/zen-cart/index.php">Home</a>&nbsp;::&nbsp;
      <a href="http://localhost/zen-cart/index.php?main_page=account">My Account</a>&nbsp;::&nbsp;
      <a href="http://localhost/zen-cart/?main_page=login">Log In</a>
    </div>
    
    </li>
    
    </ul>
    
    </div>
    
    
    
    <div class="searchBox">
    
    <form name="quick_find_header" action="http://localhost/zen-cart/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="6" maxlength="30" style="width: 100px" value="Enter search keywords here" onfocus="if (this.value == 'Enter search keywords here') this.value = '';" onblur="if (this.value == '') this.value = 'Enter search keywords here';" />&nbsp;<input type="submit" value="Search" style="width: 75px; BACKGROUND-COLOR: #492d67; COLOR: white; FONT-WEIGHT: bold" /></form>	  <br>
    
        </div>
    
    	
    
    <div class="navBar">
    
    <div class="halfmoon">
    
    <ul>
    
    <li><div id="navCatTabsWrapper">
    
    <div id="navCatTabs">
    
    <ul>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=1">Hardware</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=2">Software</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=3">DVD Movies</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=21">Gift Certificates</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=22">Big Linked</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=23">Test Examples</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=28">Test 10%</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=25">Test 10% by Attrib</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=24">Free Call Stuff</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=33">A Top Level Cat</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=48">Sale Percentage</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=49">Sale Deduction</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=50">Sale New Price</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=53">Big Unlinked</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=54">New v1.2</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=62">Music</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=63">Documents</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=64">Mixed Product Types</a> </li>
    
    </ul>
    
    </div>
    
    </div>
    
    </li>
    
    </ul>
    
    </div>
    
    </div>
    
    
    
    
    
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
    
      <tr>
    
    
    
     <td id="navColumnOne" class="columnLeft" style="width: 150px">
    
    <div id="navColumnOneWrapper" style="width: 150px"><!--// bof: categories //-->
    
    <div class="leftBoxContainer" id="categories" style="width: 150px">
    
    <h3 class="leftBoxHeading" id="categoriesHeading">Categories</h3>
    
    <div id="categoriesContent" class="sideBoxContent">
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=1">Hardware-&gt;</a>&nbsp;(6)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=2">Software-&gt;</a>&nbsp;(4)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=3">DVD Movies-&gt;</a>&nbsp;(17)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=21">Gift Certificates</a>&nbsp;(6)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=22">Big Linked</a>&nbsp;(24)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=23">Test Examples</a>&nbsp;(16)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=28">Test 10%</a>&nbsp;(7)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=25">Test 10% by Attrib</a>&nbsp;(3)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=24">Free Call Stuff</a>&nbsp;(7)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=33">A Top Level Cat-&gt;</a><br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=48">Sale Percentage-&gt;</a>&nbsp;(7)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=49">Sale Deduction-&gt;</a>&nbsp;(4)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=50">Sale New Price-&gt;</a>&nbsp;(4)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=53">Big Unlinked</a>&nbsp;(12)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=54">New v1.2-&gt;</a>&nbsp;(20)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=62">Music</a>&nbsp;(1)<br />
    <a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=64">Mixed Product Types</a>&nbsp;(5)<br />
    <hr id="catBoxDivider" />
    <a class="category-links" href="http://localhost/zen-cart/index.php?main_page=specials">Specials ...</a><br />
    <a class="category-links" href="http://localhost/zen-cart/index.php?main_page=products_new">New Products ...</a><br />
    <a class="category-links" href="http://localhost/zen-cart/index.php?main_page=featured_products">Featured Products ...</a><br />
    <a class="category-links" href="http://localhost/zen-cart/index.php?main_page=products_all">All Products ...</a>
    </div></div>
    
    <!--// eof: categories //-->
    
    
    
    
    
    
    
    <!--// bof: manufacturersimg //-->
    
    <div class="leftBoxContainer" id="manufacturersimg" style="width: 150px">
    
    <h3 class="leftBoxHeading" id="manufacturersimgHeading"><label>Manufacturers</label></h3>
    
    <div id="manufacturersimgContent" class="sideBoxContent centeredContent"><div class="newline"><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=5"><img src="images/manufacturers/manufacturer_logitech.gif" alt="Logitech" title=" Logitech " width="25" height="14" /></a></div><div><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=9"><img src="images/manufacturers/manufacturer_hewlett_packard.gif" alt="Hewlett Packard" title=" Hewlett Packard " width="25" height="14" /></a></div><div class="newline"><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=3"><img src="images/manufacturers/manufacturer_warner.gif" alt="Warner" title=" Warner " width="25" height="14" /></a></div><div><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=6"><img src="images/manufacturers/manufacturer_canon.gif" alt="Canon" title=" Canon " width="25" height="14" /></a></div><div class="newline"><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=7"><img src="images/manufacturers/manufacturer_sierra.gif" alt="Sierra" title=" Sierra " width="25" height="14" /></a></div><div><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=8"><img src="images/manufacturers/manufacturer_gt_interactive.gif" alt="GT Interactive" title=" GT Interactive " width="25" height="14" /></a></div><div class="newline"><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=1"><img src="images/manufacturers/manufacturer_matrox.gif" alt="Matrox" title=" Matrox " width="25" height="14" /></a></div><div><a href="http://localhost/zen-cart/index.php?main_page=index&amp;manufacturers_id=4"><img src="images/manufacturers/manufacturer_fox.gif" alt="Fox" title=" Fox " width="25" height="14" /></a></div></div></div>
    
    <!--// eof: manufacturersimg //-->
    
    
    
    </div></td>
    
        <!-- bof  breadcrumb -->
    
    
    
     
    
    
    
        <div id="navBreadCrumb">  <a href="http://localhost/zen-cart/">Home</a>&nbsp;>&nbsp;
    Shopping Cart
    </div>
    
    <!-- eof breadcrumb -->
    
    
    
    <!-- bof upload alerts -->
    
    <!-- eof upload alerts -->
    
    
    
    <div id="contentBodyBox"><div class="centerColumn" id="shoppingCartDefault" >
    
    
    
    <h2 id="cartEmptyText">Your Shopping Cart is empty.</h2>
    
    
    
    
    
    
    
    
    
    
    
    <!-- bof: whats_new -->
    
    <div class="centerBoxWrapper" id="whatsNew">
    
    <h2 class="centerBoxHeading">New Products For November</h2>
    
        <div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_4&amp;products_id=2"><img src="images/matrox/mg400-32mb.gif" alt="Matrox G400 32MB" title=" Matrox G400 32MB " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_4&amp;products_id=2">Matrox G400 32MB</a><br />&pound;499.99</div>
        <div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_9&amp;products_id=3"><img src="images/microsoft/msimpro.gif" alt="Microsoft IntelliMouse Pro" title=" Microsoft IntelliMouse Pro " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_9&amp;products_id=3">Microsoft IntelliMouse Pro</a><br /><span class="normalprice">&pound;49.99 </span>&nbsp;<span class="productSpecialPrice">&pound;39.99</span><span class="productPriceDiscount"><br />Save:&nbsp;20% off</span></div>
        <div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=4"><img src="images/dvd/replacement_killers.gif" alt="The Replacement Killers" title=" The Replacement Killers " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=4">The Replacement Killers</a><br />&pound;42.00</div>
    <br class="clearBoth" />
    
    
    
        <div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_11&amp;products_id=5"><img src="images/dvd/blade_runner.gif" alt="Blade Runner - Director's Cut Linked" title=" Blade Runner - Director's Cut Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_11&amp;products_id=5">Blade Runner - Director's Cut Linked</a><br /><span class="normalprice">&pound;35.99 </span>&nbsp;<span class="productSpecialPrice">&pound;30.00</span><span class="productPriceDiscount"><br />Save:&nbsp;17% off</span></div>
        <div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=6"><img src="images/dvd/the_matrix.gif" alt="The Matrix Linked" title=" The Matrix Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=6">The Matrix Linked</a><br /><span class="normalprice">&pound;39.99 </span>&nbsp;<span class="productSpecialPrice">&pound;30.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
        <div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_12&amp;products_id=7"><img src="images/dvd/youve_got_mail.gif" alt="You've Got Mail Linked" title=" You've Got Mail Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_12&amp;products_id=7">You've Got Mail Linked</a><br />&pound;34.99</div>
    <br class="clearBoth" />
    
    
    
        <div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_13&amp;products_id=8"><img src="images/dvd/a_bugs_life.gif" alt="A Bug's Life Linked" title=" A Bug's Life Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_13&amp;products_id=8">A Bug's Life Linked</a><br />&pound;35.99</div>
        <div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=9"><img src="images/dvd/under_siege.gif" alt="Under Siege Linked" title=" Under Siege Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=9">Under Siege Linked</a><br />&pound;29.99</div>
        <div class="centerBoxContentsNew centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=10"><img src="images/dvd/under_siege2.gif" alt="Under Siege 2 - Dark Territory" title=" Under Siege 2 - Dark Territory " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=10">Under Siege 2 - Dark Territory</a><br />&pound;29.99</div>
    <br class="clearBoth" />
    
     
    
    </div>
    
    <!-- eof: whats_new -->
    1st Half

  • #11
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <!-- bof: featured products  -->
    
    <div class="centerBoxWrapper" id="featuredProducts">
    
    <h2 class="centerBoxHeading">Featured Products</h2>
    
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=22&amp;products_id=34"><img src="images/dvd/a_bugs_life.gif" alt="A Bug's Life &quot;Multi Pak&quot; Special 2003 Collectors Edition" title=" A Bug's Life &quot;Multi Pak&quot; Special 2003 Collectors Edition " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=22&amp;products_id=34">A Bug's Life "Multi Pak" Special 2003 Collectors Edition</a><br />&pound;35.99</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=12"><img src="images/dvd/die_hard_3.gif" alt="Die Hard With A Vengeance Linked" title=" Die Hard With A Vengeance Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_10&amp;products_id=12">Die Hard With A Vengeance Linked</a><br />&pound;39.99</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_5&amp;products_id=27"><img src="images/hewlett_packard/lj1100xi.gif" alt="Hewlett Packard LaserJet 1100Xi Linked" title=" Hewlett Packard LaserJet 1100Xi Linked " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_5&amp;products_id=27">Hewlett Packard LaserJet 1100Xi Linked</a><br />&pound;499.99</div>
    <br class="clearBoth" />
    
    
    
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_9&amp;products_id=26"><img src="images/microsoft/imexplorer.gif" alt="Microsoft IntelliMouse Explorer" title=" Microsoft IntelliMouse Explorer " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=1_9&amp;products_id=26">Microsoft IntelliMouse Explorer</a><br />&pound;64.95</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=24&amp;products_id=40"><img src="images/call_for_price.jpg" alt="A Call for Price Product" title=" A Call for Price Product " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=24&amp;products_id=40">A Call for Price Product</a><br /><span class="normalprice">&pound;100.00 </span>&nbsp;<span class="productSpecialPrice">&pound;75.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span><br /><img src="includes/templates/StavertonElectrical/images/call_for_prices.jpg" alt="Call for Price" title=" Call for Price " width="78" height="20" /></div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=document_product_info&amp;cPath=64&amp;products_id=171"><img src="images/samples/4_small.jpg" alt="Sample of Document Product Type" title=" Sample of Document Product Type " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=document_product_info&amp;cPath=64&amp;products_id=171">Sample of Document Product Type</a><br />&pound;3.95</div>
    <br class="clearBoth" />
    
    
    
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_free_shipping_info&amp;cPath=64&amp;products_id=172"><img src="images/samples/5_small.jpg" alt="Sample of Product Free Shipping Type" title=" Sample of Product Free Shipping Type " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_free_shipping_info&amp;cPath=64&amp;products_id=172">Sample of Product Free Shipping Type</a><br />&pound;3.95</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=64&amp;products_id=168"><img src="images/samples/1_small.jpg" alt="Sample of Product General Type" title=" Sample of Product General Type " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=64&amp;products_id=168">Sample of Product General Type</a><br />&pound;3.95</div>
        <div class="centerBoxContentsFeatured centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_music_info&amp;cPath=64&amp;products_id=169"><img src="images/samples/2_small.jpg" alt="Sample of Product Music Type" title=" Sample of Product Music Type " width="100" height="80" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_music_info&amp;cPath=64&amp;products_id=169">Sample of Product Music Type</a><br />&pound;3.95</div>
    <br class="clearBoth" />
    
     
    
    </div>
    
    <!-- eof: featured products  -->
    
    
    
    
    
    
    
    
    
    
    
    
    
    <!-- bof: specials -->
    
    <div class="centerBoxWrapper" id="specialsDefault">
    
    <h2 class="centerBoxHeading">Monthly Specials For November</h2>
    
        <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=23&amp;products_id=85"><img src="images/test_demo.jpg" alt="TEST $120 Special $90" title=" TEST $120 Special $90 " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=23&amp;products_id=85">TEST $120 Special $90</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPrice">&pound;90.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
        <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=49_27&amp;products_id=83"><img src="images/test_demo.jpg" alt="TEST $120 Special $90.00 Sale -$5.00" title=" TEST $120 Special $90.00 Sale -$5.00 " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=49_27&amp;products_id=83">TEST $120 Special $90.00 Sale -$5.00</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPriceSale">&pound;90.00</span><br /><span class="productSalePrice">Sale:&nbsp;&pound;85.00</span><span class="productPriceDiscount"><br />Save:&nbsp;29% off</span></div>
        <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_31&amp;products_id=88"><img src="images/test_demo.jpg" alt="TEST $120 Sale Special $90 Skip" title=" TEST $120 Sale Special $90 Skip " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_31&amp;products_id=88">TEST $120 Sale Special $90 Skip</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPrice">&pound;90.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
    <br class="clearBoth" />
    
    
    
        <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_45&amp;products_id=90"><img src="images/test_demo.jpg" alt="TEST $120 Sale 10% Special" title=" TEST $120 Sale 10% Special " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_45&amp;products_id=90">TEST $120 Sale 10% Special</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPrice">&pound;90.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
        <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=50_46&amp;products_id=94"><img src="images/test_demo.jpg" alt="TEST $120 Special 25% Sale New Price $100" title=" TEST $120 Special 25% Sale New Price $100 " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=50_46&amp;products_id=94">TEST $120 Special 25% Sale New Price $100</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPriceSale">&pound;90.00</span><br /><span class="productSalePrice">Sale:&nbsp;&pound;100.00</span><span class="productPriceDiscount"><br />Save:&nbsp;17% off</span></div>
        <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_32&amp;products_id=97"><img src="images/test_demo.jpg" alt="TEST $120 Sale 10% Special - Apply to price" title=" TEST $120 Sale 10% Special - Apply to price " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=48_32&amp;products_id=97">TEST $120 Sale 10% Special - Apply to price</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPriceSale">&pound;90.00</span><br /><span class="productSalePrice">Sale:&nbsp;&pound;108.00</span><span class="productPriceDiscount"><br />Save:&nbsp;10% off</span></div>
    <br class="clearBoth" />
    
    
    
        <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=50_51&amp;products_id=95"><img src="images/test_demo.jpg" alt="TEST $120 Special 25% Sale New Price $100 Skip Specials" title=" TEST $120 Special 25% Sale New Price $100 Skip Specials " width="30" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=50_51&amp;products_id=95">TEST $120 Special 25% Sale New Price $100 Skip Specials</a><br /><span class="normalprice">&pound;120.00 </span>&nbsp;<span class="productSpecialPrice">&pound;90.00</span><span class="productPriceDiscount"><br />Save:&nbsp;25% off</span></div>
        <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=54_55&amp;products_id=130"><img src="images/2_small.jpg" alt="Special Product" title=" Special Product " width="38" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=54_55&amp;products_id=130">Special Product</a><br /><span class="normalprice">&pound;15.00 </span>&nbsp;<span class="productSpecialPrice">&pound;10.00</span><span class="productPriceDiscount"><br />Save:&nbsp;33% off</span></div>
        <div class="centerBoxContentsSpecials centeredContent back" style="width:33%;"><a href="http://localhost/zen-cart/index.php?main_page=product_music_info&amp;cPath=62&amp;products_id=166"><img src="images/sooty.jpg" alt="Russ Tippins Band - The Hunter" title=" Russ Tippins Band - The Hunter " width="54" height="30" /></a><br /><a href="http://localhost/zen-cart/index.php?main_page=product_music_info&amp;cPath=62&amp;products_id=166">Russ Tippins Band - The Hunter</a><br /><span class="normalprice">&pound;4.99 </span>&nbsp;<span class="productSpecialPrice">&pound;3.00</span><span class="productPriceDiscount"><br />Save:&nbsp;40% off</span></div>
    <br class="clearBoth" />
    
     
    
    </div>
    
    <!-- eof: specials -->

  • #12
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    
    
    
    </div>
    
    </div>
    
    
    
    </div
    
    
    
    ></td>
    
    
    
    <td id="navColumnTwo" class="columnRight" style="width: 150px">
    
    <div id="navColumnTwoWrapper" style="width: 150px"><!--// bof: specials //-->
    
    <div class="rightBoxContainer" id="specials" style="width: 150px">
    
    <h3 class="rightBoxHeading" id="specialsHeading">Specials</h3>
    
    <div class="sideBoxContent centeredContent">
      <div class="sideBoxContentItem"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=3_15&amp;products_id=16"><img src="images/dvd/courage_under_fire.gif" alt="Courage Under Fire Linked" title=" Courage Under Fire Linked " width="38" height="30" /><br />Courage Under Fire Linked</a><div><span class="normalprice">&pound;38.99 </span>&nbsp;<span class="productSpecialPrice">&pound;29.99</span><span class="productPriceDiscount"><br />Save:&nbsp;23% off</span></div></div>
      <div class="sideBoxContentItem"><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;cPath=28&amp;products_id=42"><img src="images/free.gif" alt="A Free Product - SALE" title=" A Free Product - SALE " width="38" height="30" /><br />A Free Product - SALE</a><div><span class="normalprice">&pound;100.00 </span>&nbsp;<span class="productSpecialPrice"><s>&pound;95.00</s></span><span class="productPriceDiscount"><br />Save:&nbsp;5% off</span><br /><img src="includes/templates/StavertonElectrical/images/free.gif" alt="It's Free!" title=" It's Free! " width="56" height="25" /></div></div></div>
    </div>
    
    <!--// eof: specials //-->
    
    
    
    <!--// bof: bestsellers //-->
    
    <div class="rightBoxContainer" id="bestsellers" style="width: 150px">
    
    <h3 class="rightBoxHeading" id="bestsellersHeading">Bestsellers</h3>
    
    <div id="bestsellersContent" class="sideBoxContent">
    <div class="wrapper"><table cellpadding=2 cellspacing=0 border=0>
    <tr><td valign=top>1</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=46"><img src="images/sample_image.gif" alt="A Mixed ON Product with Attributes" title=" A Mixed ON Product with Attributes " width="15" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=46">A Mixed ON Product with Attributes</a><BR><div align=right></div></td></tr>
    <tr><td valign=top>2</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=26"><img src="images/microsoft/imexplorer.gif" alt="Microsoft IntelliMouse Explorer" title=" Microsoft IntelliMouse Explorer " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=26">Microsoft IntelliMouse Explorer</a><BR><div align=right></div></td></tr>
    <tr><td valign=top>3</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=29"><img src="images/gift_certificates/gv_10.gif" alt="Gift Certificate $ 10.00" title=" Gift Certificate $ 10.00 " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=29">Gift Certificate $ 10.00</a><BR><div align=right></div></td></tr>
    <tr><td valign=top>4</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=48"><img src="images/1_small.jpg" alt="Test 1" title=" Test 1 " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=48">Test 1</a><BR><div align=right></div></td></tr>
    <tr><td valign=top>5</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=22"><img src="images/gt_interactive/unreal_tournament.gif" alt="Unreal Tournament Linked" title=" Unreal Tournament Linked " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=22">Unreal Tournament Linked</a><BR><div align=right></div></td></tr>
    <tr><td valign=top>6</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=30"><img src="images/gift_certificates/gv_25.gif" alt="Gift Certificate $ 25.00" title=" Gift Certificate $ 25.00 " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=30">Gift Certificate $ 25.00</a><BR><div align=right></div></td></tr>
    <tr><td valign=top>7</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=8"><img src="images/dvd/a_bugs_life.gif" alt="A Bug's Life Linked" title=" A Bug's Life Linked " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=8">A Bug's Life Linked</a><BR><div align=right></div></td></tr>
    <tr><td valign=top>8</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=12"><img src="images/dvd/die_hard_3.gif" alt="Die Hard With A Vengeance Linked" title=" Die Hard With A Vengeance Linked " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=12">Die Hard With A Vengeance Linked</a><BR><div align=right></div></td></tr>
    <tr><td valign=top>9</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=53"><img src="images/b_c_grid.gif" alt="Min and Units MIX" title=" Min and Units MIX " width="15" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=53">Min and Units MIX</a><BR><div align=right></div></td></tr>
    <tr><td valign=top>10</td><td valign=top><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=113"><img src="images/no_picture.gif" alt="Test Four" title=" Test Four " width="19" height="15" /></a></td><td valign=middle><a href="http://localhost/zen-cart/index.php?main_page=product_info&amp;products_id=113">Test Four</a><BR><div align=right></div></td></tr>
    </table></div>
    </div></div>
    
    <!--// eof: bestsellers //-->
    
    
    
    <!--// bof: languages //-->
    
    <div class="rightBoxContainer" id="languages" style="width: 150px">
    
    <h3 class="rightBoxHeading" id="languagesHeading">Languages</h3>
    
    <div id="languagesContent" class="sideBoxContent centeredContent"><a href="http://localhost/zen-cart/index.php?main_page=shopping_cart&amp;language=en"><img src="includes/languages/english/images/icon.gif" alt="English" title=" English " width="24" height="15" /></a>&nbsp;&nbsp;</div></div>
    
    <!--// eof: languages //-->
    
    
    
    <!--// bof: currencies //-->
    
    <div class="rightBoxContainer" id="currencies" style="width: 150px">
    
    <h3 class="rightBoxHeading" id="currenciesHeading"><label>Currencies</label></h3>
    
    <div id="currenciesContent" class="sideBoxContent centeredContent"><form name="currencies_form" action="http://localhost/zen-cart/index.php?main_page=index" method="get"><select name="currency" onchange="this.form.submit();">
      <option value="USD">US Dollar</option>
      <option value="EUR">Euro</option>
      <option value="GBP" selected="selected">GB Pound</option>
      <option value="CAD">Canadian Dollar</option>
      <option value="AUD">Australian Dollar</option>
    </select>
    <input type="hidden" name="main_page" value="shopping_cart" /></form></div></div>
    
    <!--// eof: currencies //-->
    
    
    
    </div></td>
    
      </tr>
    
    </table>
    
    
    
    <div class="containerBox">
    
    <div class="headerBox">
    
    
    
    <div class="companyLogo">
    
      </div>
    
    
    
    </div>
    
    
    
    <div class="footerBox">
    
    
    
    <div class="bottomNav">
    
    <ul>
    
    <ul>
    
    <li><a href="http://localhost/zen-cart/">Home</a></li>
    
    <li>&nbsp;::&nbsp;
      <a href="http://localhost/zen-cart/?main_page=login">Log In</a>
    
    &nbsp;::&nbsp;
      <a href="http://localhost/zen-cart/index.php?main_page=account">My Account</a>
    
    &nbsp;::&nbsp;
      <a href="http://localhost/zen-cart/index.php?main_page=site_map">Site Map</a>
    
    &nbsp;::&nbsp;
      <a href="http://localhost/zen-cart/index.php?main_page=privacy">Privacy Notice</a>
    
    </li>
    
    </li>
    
    
    
    <ul>
    
    <li><div id="navCatTabsWrapper">
    
    <div id="navCatTabs">
    
    <ul>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=1">Hardware</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=2">Software</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=3">DVD Movies</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=21">Gift Certificates</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=22">Big Linked</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=23">Test Examples</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=28">Test 10%</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=25">Test 10% by Attrib</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=24">Free Call Stuff</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=33">A Top Level Cat</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=48">Sale Percentage</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=49">Sale Deduction</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=50">Sale New Price</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=53">Big Unlinked</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=54">New v1.2</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=62">Music</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=63">Documents</a> </li>
    
      <li><a class="category-top" href="http://localhost/zen-cart/index.php?main_page=index&amp;cPath=64">Mixed Product Types</a> </li>
    
    </ul>
    
    </div>
    
    </div>
    
    </li>
    
    </ul>
    
    </ul></ul>
    
    </div>
    
    
    
    <div id="bottomDisclaimer">
    
    
    
    Copyright © 2010-2011 Staverton Electrical Supplies Ltd. All Rights Reserved. Designated trademarks and brands are the property of their respective owners.
    
    <p>&nbsp;
    
      </p>
    
      
    
    </div>
    
    </div>
    
    </div>
    
    
    
    
    
    </div>
    
    <!--bof- parse time display -->
    
    <!--eof- parse time display -->
    
    <!--bof- banner #6 display -->
    
    <!--eof- banner #6 display -->
    
    </html>

  • #13
    Senior Coder alykins's Avatar
    Join Date
    Apr 2011
    Posts
    1,718
    Thanks
    41
    Thanked 191 Times in 190 Posts
    still need an image of what it looks like and what you want it to look like...
    also see a huge list of error here... that is actually a little more inaccurate because I removed the <style> tagset (which would have thrown errors... you cannot have html in a CSS file)... also there are a lot of ` all over the place which to the best of my knowledge is invalid CSS code... and lastly you said it was in "centreColumn" ... now I assume this was a typo and should be "centerColumn" (no worries I typo all the time) but I say that to say this... I copied your entire CSS to file and searched for both "centerColumn" and "centreColumn" ... there is no defined CSS for it as either ID or class

    I code C hash-tag .Net
    Reference: W3C W3CWiki .Net Lib
    Validate: html CSS
    Debug: Chrome FireFox IE

  • #14
    New Coder
    Join Date
    Oct 2011
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi

    I have just removed the ' i didnt notice they were there, have actually just validated it all. There are a few warnings but i cant see anything major.


    The Div id is

    #shoppingCartDefault{
    width: 580px;
    height: 100%;
    border: solid;
    border-width: 3px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    }

    centreColumn whether added or not makes no difference.

    Image of how it is looking below:



    How it should be:


  • #15
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,335
    Thanks
    5
    Thanked 363 Times in 360 Posts
    It would REALLY help if you put this site up on a testing server somewhere. I copied all your html and css that you've posted, and cant seem to recreate your issue.

    There are free hosting servers for testing. Some of which do support php.


    Also, the source code above produces 97 coding errors when ran through the validator. Thats a good place to start. Try fixing as many of those as you can. Mismatched tags, unclosed divs, div elements above the opening body tags, all can cause serious rendering issues.
    Last edited by teedoff; 11-23-2011 at 04:01 PM.
    Teed


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •