Announcement

Collapse
No announcement yet.

White Space Problem

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    #16
    I appreciate the help from anyone who can give it.

    Here is some example html code from a test site i created which also shows the problem, so im assuming the problem isnt with anything ive done on the single shop.

    Ive uploaded the html file source that i got from the preview page..

    http://www.castlesoftware.co.uk/P_index.html

    or the zip file

    http://www.castlesoftware.co.uk/P_index.zip

    You will notice the problem in the first product, as you add the same product group to other discounts the gap gets bigger and bigger

    Jason
    www.clickteam.co.uk - Make Games and Multimedia Programs without Coding!
    www.makeamazing.com - My Game Creation Book
    www.castlesoftware.co.uk - My Games Site

    Comment


      #17
      Jason, can you post your layout (in [CODE] tags) for that product...as it stands..with the gap?
      Tracey

      Comment


        #18
        Jason,
        Can you tell us what product layout you are using, and can you post it (as Miss Bumps said).

        For what you have posted is seems to be the CartError area that is generating the <br>'s
        Code:
        <p>
        <actinic:carterror _moz-userdefined="" prodref="8">
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        </actinic:carterror>
        </p>
        Fergus Weir - teclan ltd
        Ecommerce Digital Marketing

        SellerDeck Responsive Web Design

        SellerDeck Hosting
        SellerDeck Digital Marketing

        Comment


          #19
          not sure if this is what you want?

          Code:
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
          <html>
          <head>
             <title><actinic:variable name="PageTitle" /></title>
             <actinic:variable name="BaseHref" />
             <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
             <meta http-equiv="MSThemeCompatible" content="yes" />
             <actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22GlbMetaKeywords%22%20%2f%3e%20%21%3d%20%22%22%29" >
          	   <meta name="keywords" content="<actinic:variable name="GlbMetaKeywords" />" />
             </actinic:block>
             <actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22GlbMetaDescription%22%20%2f%3e%20%21%3d%20%22%22%29" >
          	   <meta name="description" content="<actinic:variable name="GlbMetaDescription" />" />
             </actinic:block>
             <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
          	   <actinic:block if="%3cactinic%3avariable%20name%3d%22MetaKeywords%22%20%2f%3e%20%21%3d%20%22%22">
          		   <meta name="keywords" content="<actinic:variable name="MetaKeywords" />" />
          	   </actinic:block>
             </actinic:block>
             <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
                <actinic:block if="%3cactinic%3avariable%20name%3d%22MetaDescription%22%20%2f%3e%20%21%3d%20%22%22">
          	      <meta name="description" content="<actinic:variable name="MetaDescription" />" />
                </actinic:block>
             </actinic:block>
             <actinic:block if="%3cactinic%3avariable%20name%3d%22IsP3PPolicyUsed%22%20%2f%3e"><link rel="P3Pv1" href="<actinic:variable name="P3PFullPolicyLink" />"></actinic:block>
             <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Contact%20Us%22" >
                <actinic:variable value="Script for Blocking Unregistered Customers" name="UnregCustomerMessage" if="%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20FALSE" />
             </actinic:block>
             <link href="actinic.css" rel="stylesheet" type="text/css">
             <script language="javascript" type="text/javascript" src="actiniccore.js"></script>
             <script language="javascript" type="text/javascript" src="actinicextras.js"></script>
          
             <!-- Placeholder of cookie checking javascript code. Do not remove it! -->
             <Actinic:COOKIECHECK />
          
             <script language="javascript" type="text/javascript">
                <!-- 
                saveReferrer();
                // -->
             </script>
          
          	<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27PSP%20Bounce%20Page%27%29%20AND%20%28%3cactinic%3avariable%20name%3d%22IsPSPTestMode%22%20%2f%3e%20%3d%3d%20false%29" >
          		<script language="JavaScript" type="text/javascript">
          		<!--
          		function onLoad()
          		{
          		document.formOCC.submit();
          		}
          		// -->
          		</script>
          	</actinic:block>
          
          </head>
          
          <body onload="<actinic:variable name="OnLoadScript" value="PreloadImages" />">
          
          <actinic:variable name="HeaderArea" value="Header Area - Cart in Row 1 - Search in Row 2" />
          
          <table width="100%" cellspacing="0" cellpadding="5" border="0">
             <tr>
                <td valign="top" class="sidebar">
                   <div align="center">
                      <actinic:variable name="NavigationBar" value="Vertical Nav Bar Images" />
                   </div><br />
                   <actinic:variable name="TopLevelSectionList" if="%3cactinic%3avariable%20name%3d%22IsTopSectionListIncluded%22%20%2f%3e" /><br />
                   <actinic:variable value="Sidebar Coupon Field" name="CouponEntryField" if="%3cactinic%3avariable%20name%3d%22CaptureCoupon%22%20%2f%3e" />
                   <actinic:variable name="BestSellerListSidebar" if="%3cactinic%3avariable%20name%3d%22BestSellersListInSidebar%22%20%2f%3e" /><br />
                   <actinic:variable name="NewProductListSidebar" if="%3cactinic%3avariable%20name%3d%22NewProductsListInSidebar%22%20%2f%3e" />
                </td>
                <td valign="top" class="bulk">
                   <a name="top"></a>
                   <actinic:block if="%3cactinic%3avariable%20name%3d%22IsNotPreviewMode%22%20%2f%3e">
                      <!-- When logged in, this gives the company name, username and a login link -->
                      <Actinic:Variable Name="NowServing"/><Actinic:Variable Name="CurrentAccount"/><Actinic:Variable Name="LogoutSimple"/><br />
                   </actinic:block>
                   
                   <div align="center">
                      <actinic:variable name="HeaderFooter" value="Header Text" />
                   </div>
                   
                   <actinic:variable name="INNERLAYOUT" />
                   
                   <div align="center">
                      <actinic:variable name="HeaderFooter" value="Footer Text" />
                   </div>
          
                   <actinic:variable name="ReferrerLink" />
          
                </td>
             </tr>
          </table>
          
          </body>
          
          </html>
          www.clickteam.co.uk - Make Games and Multimedia Programs without Coding!
          www.makeamazing.com - My Game Creation Book
          www.castlesoftware.co.uk - My Games Site

          Comment


            #20
            Ive also uploaded a test site to a test domain i have

            http://www.endusercbt.com/acatalog/Office_2007.html
            www.clickteam.co.uk - Make Games and Multimedia Programs without Coding!
            www.makeamazing.com - My Game Creation Book
            www.castlesoftware.co.uk - My Games Site

            Comment


              #21
              Hi Jason,
              You have posted the code for the overall layout. We would need to see the code for the product layout. The best way to get this is to click on a design element of your product in the design TAB preview window (e.g. price or product name). You should notice that the element is surrounded by a dotted line box. now simply click on the "^" symbol with the yellow swirl behind it until the dotted line expands around your whole product layout. This should show that the product layout is selected, and it is this code that we would like to see
              Fergus Weir - teclan ltd
              Ecommerce Digital Marketing

              SellerDeck Responsive Web Design

              SellerDeck Hosting
              SellerDeck Digital Marketing

              Comment


                #22
                Ah ok, hopefully this is it

                Code:
                <actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e">
                      <form method="post" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL" />"> 
                         <input type="hidden" name="SID" value="<Actinic:Variable Name="SectionID"/>" />
                         <input type="hidden" name="PAGE" value="PRODUCT" />           
                         <input type="hidden" name="PAGEFILENAME" value="<actinic:variable name="SectionPageName" />" />
                         <Actinic:SECTION BLOB='<Actinic:Variable Name="SectionCatFile"/>'/>
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e">
                            <!-- Hidden field when in trial mode -->
                            <input type="hidden" name="SHOP" value="<Actinic:Variable Name="HiddenFields"/>" />
                         </actinic:block>
                </actinic:block>
                
                	<div class="product_list">
                		<div class="image_product"><actinic:variable name="ProductImageLayout" /></div>
                			<div>
                         <div style="float: right;">
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsAddToCartButtonShown%22%20%2f%3e%20AND%20%0d%28%3cactinic%3avariable%20name%3d%22NumberAttributesInPushButtonGrid%22%20%2f%3e%20%3d%3d%200%29" >
                            <actinic:variable name="AddToCartButton" />
                         </actinic:block>
                			</div>
                
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsOutOfStockShown%22%20%2f%3e">
                            <div style="float: right;"><strong><span class="actrequired"><Actinic:Variable Name="OutOfStock"/></span></strong></div>
                         </actinic:block>
                
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsCatalogSuspendedShown%22%20%2f%3e">
                            <div style="float: right;"><strong><span class="actrequired"><Actinic:Variable Name="CatalogSuspended"/></span></strong></div>
                         </actinic:block>
                         
                         <a name="<Actinic:Variable Name="EncodedProductAnchor"/>"></a>
                			<h3 class="product"><Actinic:Variable Name="ProductName"/></h3>
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductReferenceVisible%22%20%2f%3e" >
                            <p>Ref: <actinic:variable Name="ProductReference" /></p>
                         </actinic:block>
                			<h3 class="product_price">
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22PriceIsEnabled%22%20%2f%3e">
                				<Actinic:PRICES PROD_REF="<actinic:variable Name="ProductID" />" RETAIL_PRICE_PROMPT="<Actinic:Variable Name="ProductPriceDescription"/>">
                            <actinic:variable name="PriceListRetail" />
                            </Actinic:PRICES>
                         </actinic:block>
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e%20%3d%3d%20False">
                	         <Actinic:NOTINB2B><br /><actinic:variable name="ProductPriceNotEnabledMessage" /></Actinic:NOTINB2B>
                         </actinic:block>
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsCustomerMessageUsed%22%20%2f%3e">
                            <br />
                            <Actinic:PRICE_EXPLANATION PROD_REF="<actinic:variable Name="ProductID" />" COMPONENTID=-1><Actinic:Variable Name="RetailCustomerMessage"/></Actinic:PRICE_EXPLANATION>
                         </actinic:block>
                         </h3>
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptShown%22%20%2f%3e">
                            <p>
                            <span class="actrequired"><Actinic:Variable Name="QuantityPrompt"/></span><input type="text" name="Q_<actinic:variable Name="ProductID"/>" size="4" value="<Actinic:Variable Name="DefaultQuantity"/>" class="form_input_general" />
                            </p>
                         </actinic:block>
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptHidden%22%20%2f%3e">
                            <input type="hidden" name="Q_<actinic:variable Name="ProductID"/>"  value="<actinic:variable name="DefaultQuantity"/>" />
                         </actinic:block>
                         <actinic:variable name="AttributeList" />
                         <actinic:variable name="ComponentList" />
                      </div>  
                			<p>
                         <actinic:variable name="CartError" />         
                			<actinic:variable name="ProductDescription" />
                			<actinic:variable name="ExtendedInformationLinks" />
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22FileURLNotEmpty%22%20%2f%3e">
                            <br />
                            <a href="<Actinic:Variable Name="ProductLinkInfo"/>">
                               <Actinic:Variable Name="ProductLinkText"/>
                            </a>
                         </actinic:block>
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22DiscountDescriptionIsShownForProducts%22%20%2f%3e">      
                            <br /><actinic:variable name="DiscountList" value="Standard Discount List" />
                         </actinic:block>
                         
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsOtherInfoPromptShown%22%20%2f%3e">
                            <br />
                            <span class="actrequired"><Actinic:Variable Name="OtherInfoPrompt"/></span><br />
                            <input type="text" name="O_<actinic:variable Name="ProductID"/>" size="40" maxlength="1000" value="" />
                         </actinic:block>
                         
                         <actinic:block if="%3cactinic%3avariable%20name%3d%22IsDatePromptShown%22%20%2f%3e">
                            <br />
                            <span class="actrequired"><actinic:variable name="DatePrompt"/></span><br />
                            <actinic:variable name="DayList" /><actinic:variable name="MonthList" /><actinic:variable name="YearList" />
                         </actinic:block>
                         
                         <actinic:variable name="ProductAlsoBoughtList" />
                         
                         <actinic:variable name="ProductRelatedProductsList" />
                         </p>
                	</div>
                
                <actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e">
                      </form>
                </actinic:block>
                www.clickteam.co.uk - Make Games and Multimedia Programs without Coding!
                www.makeamazing.com - My Game Creation Book
                www.castlesoftware.co.uk - My Games Site

                Comment


                  #23
                  From what you have posted the issue seems to be originating from this part of the product layout:
                  Code:
                  <p>
                           <actinic:variable name="CartError" />         
                  			<actinic:variable name="ProductDescription" />
                  			<actinic:variable name="ExtendedInformationLinks" />
                           <actinic:block if="%3cactinic%3avariable%20name%3d%22FileURLNotEmpty%22%20%2f%3e">
                              <br />
                              <a href="<Actinic:Variable Name="ProductLinkInfo"/>">
                                 <Actinic:Variable Name="ProductLinkText"/>
                              </a>
                           </actinic:block>
                           <actinic:block if="%3cactinic%3avariable%20name%3d%22DiscountDescriptionIsShownForProducts%22%20%2f%3e">      
                              <br /><actinic:variable name="DiscountList" value="Standard Discount List" />
                           </actinic:block>
                           
                           <actinic:block if="%3cactinic%3avariable%20name%3d%22IsOtherInfoPromptShown%22%20%2f%3e">
                              <br />
                              <span class="actrequired"><Actinic:Variable Name="OtherInfoPrompt"/></span><br />
                              <input type="text" name="O_<actinic:variable Name="ProductID"/>" size="40" maxlength="1000" value="" />
                           </actinic:block>
                           
                           <actinic:block if="%3cactinic%3avariable%20name%3d%22IsDatePromptShown%22%20%2f%3e">
                              <br />
                              <span class="actrequired"><actinic:variable name="DatePrompt"/></span><br />
                              <actinic:variable name="DayList" /><actinic:variable name="MonthList" /><actinic:variable name="YearList" />
                           </actinic:block>
                           
                           <actinic:variable name="ProductAlsoBoughtList" />
                           
                           <actinic:variable name="ProductRelatedProductsList" />
                           </p>
                  to that end I would suggest that you look closely at the discount list layout in your library.
                  "Library | Layouts tab | Discount Message List -products" and double click on the "Standard Discount List" to open it up. The click on the "click here to edit list layout settings" and check the fields to make sure there are no erroneous <br> in there.

                  Also, in the product layout code you have a <p> preceding the CartError as well as several further
                  Code:
                  <br />
                  within this same <p> to </p> tags. (approx line 60 to 89 in your product layout code)
                  I would look to remove the <br/> tags that do not aid your design layout especially the one preceding the
                  Code:
                  <br /><actinic:variable name="DiscountList" value="Standard Discount List" />
                  in your product layout.

                  Let us know how you get on.
                  Fergus Weir - teclan ltd
                  Ecommerce Digital Marketing

                  SellerDeck Responsive Web Design

                  SellerDeck Hosting
                  SellerDeck Digital Marketing

                  Comment


                    #24
                    A useful trick in isolating where these <br /> tags are coming from would be to edit each involved sub-layout and replace each <br /> with <br A />, <br B />, <br C />, etc.

                    This is mildly invalid HTML but will still render OK.

                    Then look in the generated code and see which one is appearing.
                    Norman - www.drillpine.biz
                    Edinburgh, U K / Bitez, Turkey

                    Comment


                      #25
                      They only appear when I add certain combinations of the same product to a discount group. Which is something i certainly havent changed at any point. If i remove the products from a discount group the problem goes away.

                      Im using Multisite by the way, if i create 3 different sites, im guessing they are generated initially by a template of some kind, if i do coding changes to one, that wouldnt be replicated to another?

                      Im not a designer, which doesnt help the situation

                      I see what your saying about putting invalid HTML in, that is a possible trick to try, will let you know.

                      Jason
                      www.clickteam.co.uk - Make Games and Multimedia Programs without Coding!
                      www.makeamazing.com - My Game Creation Book
                      www.castlesoftware.co.uk - My Games Site

                      Comment


                        #26
                        A quick thought - what do you have defined in the presentation box for these discounts/product groups?
                        Check you do not have any extra spaces or line breaks in the description field...
                        Fergus Weir - teclan ltd
                        Ecommerce Digital Marketing

                        SellerDeck Responsive Web Design

                        SellerDeck Hosting
                        SellerDeck Digital Marketing

                        Comment


                          #27
                          Theres nothing in the presentation box, all ive done is add the discount... and selected the discount group to apply it to.



                          Jason
                          www.clickteam.co.uk - Make Games and Multimedia Programs without Coding!
                          www.makeamazing.com - My Game Creation Book
                          www.castlesoftware.co.uk - My Games Site

                          Comment


                            #28
                            You could try removing the following <br /> tags and see if that helps...

                            - The one just before the "Standard Discount List" in your product layout (about line 71)
                            - The one at the beginning of the "Standard Discount Layout" in your library (line 1)

                            Try those and see if it improves the space issue.
                            Also you might also want to remove the <p> and </p> tags and mentioned earlier as they are creating 'space' as well.
                            Fergus Weir - teclan ltd
                            Ecommerce Digital Marketing

                            SellerDeck Responsive Web Design

                            SellerDeck Hosting
                            SellerDeck Digital Marketing

                            Comment


                              #29
                              No doesnt make any difference

                              I havent got a scooby clue. Is no one else out there using multiple discounts and multiple product groups?

                              Jason
                              www.clickteam.co.uk - Make Games and Multimedia Programs without Coding!
                              www.makeamazing.com - My Game Creation Book
                              www.castlesoftware.co.uk - My Games Site

                              Comment


                                #30
                                Anything from Actinic? Can anyone test?

                                Thanks

                                Jason
                                www.clickteam.co.uk - Make Games and Multimedia Programs without Coding!
                                www.makeamazing.com - My Game Creation Book
                                www.castlesoftware.co.uk - My Games Site

                                Comment

                                Working...
                                X