Announcement

Collapse
No announcement yet.

Problem with my footed menu

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

    Problem with my footed menu

    Can anyone advise, my footer is biased to the left instead of central and its all gobdgoog to me

    Code for footer is

    <!doctype html>
    <html>
    <head>
    <title><actinic:variable name="PageTitle" ></title>
    <actinic:variable name="MetaTags" />
    <actinic:variable name="BaseHref" />
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsP3PPolicyUsed%22%20%2f%3e">
    <link rel="P3Pv1" href="<actinic:variable name="P3PFullPolicyLink" />">
    </actinic:block>
    <link href="actinic.css" rel="stylesheet" type="text/css">
    <actinic:variable name="FaviconLayout" />
    <actinic:block if="%3cactinic%3avariable%20name%3d%22ResponsiveEnabled%22%20%2f%3e%20%3d%3d%20%22True%22">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
    </actinic:block>
    <actinic:variable name="JavaScriptFunctions" />
    <actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsDPDEnabled%22%20%2f%3e%20%3d%3d%20true%29%20AND%20%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Checkout%20Page%201%22%29" >
    <actinic:variable name="LoadingDialog" />
    </actinic:block>
    </head>

    <body onload="<actinic:block if="%28%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%29" >onLoad();</actinic:block>PreloadImages();" <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Brochure%27" ><actinic:block if="%3cactinic%3avariable%20name%3d%22IsBrochureHomePage%22%20%2f%3e" >class="home-page"</actinic:block></actinic:block>>
    <actinic:variable name="SocialMediaFunctions" />
    <actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsPaypalProEnabled%22%20%2f%3e%20%3d%3d%20true%29%20AND%20%28%3cactinic%3avariable%20name%3d%22IsPayPalInContextCheckoutUsed%22%20%2f%3e%20%3d%3d%20true%29%20AND%20%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Checkout%20Page%200%22%20OR%20%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Checkout%20Page%201%22%20OR%20%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Checkout%20Page%202%22%20OR%20%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Receipt%22%20OR%20%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Shopping%20Cart%22%29" >
    <script>
    (function(d, s, id){
    var js, ref = d.getElementsByTagName(s)[0];
    if (!d.getElementById(id)){
    js = d.createElement(s);
    js.id = id;
    js.async = true;
    js.src = "//www.paypalobjects.com/js/external/paypal.v1.js";
    ref.parentNode.insertBefore(js,ref);
    }
    }(document,"script","paypal-js"));
    </script>
    </actinic:block>

    <div id="wrapper">

    <actinic:variable name="Subheader" />

    <actinic:block if="%3cactinic%3avariable%20name%3d%22ContactInfo%22%20%2f%3e%20%3d%3d%20%22Desktop%20and%20Mobile%22%20OR%20%3cactinic%3avariable%20name%3d%22ContactInfo%22%20%2f%3e%20%3d%3d%20%22Desktop%20Only%22" >
    <div class="topContactInfoDesktop">
    <actinic:variable name="TopContactInfo" />
    </div>
    </actinic:block>

    <div class="header-area">
    <actinic:variable name="HeaderArea" />
    </div>
    <div class="navigation-bar">

    <actinic:block if="%3cactinic%3avariable%20name%3d%22ContactInfo%22%20%2f%3e%20%3d%3d%20%22Desktop%20and%20Mobile%22%20OR%20%3cactinic%3avariable%20name%3d%22ContactInfo%22%20%2f%3e%20%3d%3d%20%22Mobile%20Only%22" >
    <div class="topContactInfoMobile">
    <actinic:variable name="TopContactInfo" />
    </div>
    </actinic:block>
    <div class="nav">
    <actinic:variable name="MiniMenu" />
    <actinic:variable name="NavigationBar" value="Main Menu Bar" >
    </div>
    </div>
    <div class="bulk-area">
    <div id="left-area">
    <actinic:block if="%3cactinic%3avariable%20name%3d%22MobileLeftColumn%22%20%2f%3e%20%3d%3d%20%22Before%20Main%20Content%22" >
    <div id="left-sidebar">
    <actinic:variable value="Regular Left Sidebar" name="SideBar" />
    </div>
    </actinic:block>
    <div class="content-area<actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz3%5fSidebars%22%20%2f%3e%20%3d%3d%20%27Two%20Sidebars%27" > content-minus-two</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz3%5fSidebars%22%20%2f%3e%20%3d%3d%20%27One%20Sidebar%27" > content-minus-one</actinic:block>">
    <actinic:variable name="B2B_Links" />
    <Actinic:Variable Name="INNERLAYOUT"/>

    <actinic:block if="%21%3cactinic%3avariable%20name%3d%22IsBrochureHomePage%22%20%2f%3e">
    <actinic:block if="%3cactinic%3avariable%20name%3d%22RecentlyViewedListIsEnabled%22%20%2f%3e%20%3d%3d%20True" >
    <actinic:variable name="RecentProducts" >
    </actinic:block>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22RecentlyViewedListIsEnabled%22%20%2f%3e%20%3d%3d%20True%20%20AND%20%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Product%20Page%22%29" >
    <actinic:variable name="SaveRecentProducts" >
    </actinic:block>
    </actinic:block>

    <br clear="all" />
    </div>

    <actinic:block if="%3cactinic%3avariable%20name%3d%22MobileLeftColumn%22%20%2f%3e%20%3d%3d%20%22After%20Main%20Content%22" >
    <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%27Brochure%27" >
    <div id="left-sidebar"><actinic:variable name="SideBar" value="Regular Left Sidebar" ></div>
    </actinic:block>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Brochure%27" >
    <actinic:block if="%21%3cactinic%3avariable%20name%3d%22IsBrochureHomePage%22%20%2f%3e">
    <div id="left-sidebar"><actinic:variable name="SideBar" value="Regular Left Sidebar" ></div>
    </actinic:block>
    </actinic:block>
    </actinic:block>


    </div>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22Wiz3%5fSidebars%22%20%2f%3e%20%21%3d%20%22One%20Sidebar%22">
    <div id="right-sidebar">
    <actinic:variable value="Regular Right Sidebar" name="SideBar" />
    </div>
    </actinic:block>
    </div>
    <div class="footer-area">
    <Actinic:Variable Name="FooterArea"/>
    </div>
    <br style="clear:both;" />
    </div>
    <actinic:variable name="AJAXFunctions" />
    <actinic:variable name="GoogleAnalyticsMarkup" value="Google Analytics Tracking Code" />
    <actinic:block if="%3cactinic%3avariable%20name%3d%22GoogleAdwordsEnabled%22%20%2f%3e%20AND%20%3cactinic%3avariable%20name%3d%22GoogleAdwordsMarketing%22%20%2f%3e%20%21%3d%20%22%22" >
    <actinic:variable name="GoogleAdwordsMarketing" />
    </actinic:block>

    <!-- Go to www.addthis.com/dashboard to customize your tools -->
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-54b90bd4288dc1ff" async="async"></script>
    </body>
    </html>

    Any help apreciated
    Chris Ashdown

    #2
    Is this live anywhere Chris? Have you got a URL?
    Elysium:Online - Official Accredited SellerDeck Partner
    SellerDeck Design, Build, Hosting & Promotion
    Based in rural Northants

    Comment


      #3
      Hi
      www.internet-workwear.co.uk the home page
      Chris Ashdown

      Comment


        #4
        Think i must of copied the wrong file before


        div class="deepFooter">
        <div class="footerColLeft">
        <h3>Customer Services</h3>
        <ul>
        <li><a href="<actinic:variable name="SendMailPageLink" />"><actinic:variable name="SendMailText" /></a></li>
        <actinic:block if="%3cactinic%3avariable%20name%3d%22IsOrderTrackingEnabledForUnreg%22%20%2f%3e%20%20%3d%3d%20%20true"><Actinic:NOTINB2B><li><a href="<actinic:variable name="RecentOrdersLinkText" /><actinic:block if="%3cactinic%3avariable%20name%3d%22IsHostMode%22%20%2f%3e%20%3d%3d%20TRUE">&SHOP=<actinic:variable name="ShopID" /></actinic:block>"><actinic:variable name="RecentOrdersText" /></a></li></Actinic:NOTINB2B></actinic:block>
        </ul>
        <actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsDPDShipToShopEnabled%22%20%2f%3e%20%3d%3d%20true%29" >
        <div class="dpd-logo"><img src="<actinic:variable name="DPDLogoType" />" alt="<actinic:variable name="DPDDescriptionHeading" />" /><p><actinic:variable name="DPDStrapline" /></p></div>
        </actinic:block>
        </div>
        </div>
        <div class="footerColMid">
        <h3>Website Information</h3>
        <ul>
        <actinic:block if="%3cactinic%3avariable%20name%3d%22InformationType%22%20%2f%3e%20%21%3d%20%270%27" ><li><a href="<actinic:variable name="InfoURL" />"><actinic:variable name="InfoText" /></a></li></actinic:block>
        <li><a href="<actinic:variable name="SiteMapPageURL" />"><actinic:variable name="SiteMapText" /></a></li>
        <li><a href="<actinic:variable name="InfoURL" />">Privacy &amp; Security Information</a></li>
        <actinic:block if="%3cactinic%3avariable%20name%3d%22CustomerFeedbackEnabled%22%20%2f%3e%20%20AND%20%3cactinic%3avariable%20name%3d%22EnableFeefoContentForSite%22%20%2f%3e" ><li><a href="<actinic:variable name="ReviewPageURL" />"><actinic:variable name="ReviewText" /></a></li></actinic:block>
        </ul>
        </div>
        <div class="footerColRight">
        <h3>How to get in touch with us</h3>
        <p><strong>Call us on</strong><br/><span class="verylarge"><a class="displayMobile" href="tel:<actinic:variable name="Phone" />" rel="nofollow"><actinic:variable name="Phone" /></a></span><span class="displayDesktop"><actinic:variable name="Phone" /></span></p>
        <p>
        <actinic:block if="%3cactinic%3avariable%20name%3d%22Fax%22%20%2f%3e%20%20%21%3d%20%22%22">
        Fax: <actinic:variable name="Fax" /><br/>
        </actinic:block>
        <actinic:variable name="CompanyName" />
        <actinic:block if="%3cactinic%3avariable%20name%3d%22Address1%22%20%2f%3e%20%21%3d%20%22%22"><br/><actinic:variable name="Address1" />,</actinic:block>
        <actinic:block if="%3cactinic%3avariable%20name%3d%22Address2%22%20%2f%3e%20%21%3d%20%22%22"><br/><actinic:variable name="Address2" />,</actinic:block>
        <actinic:block if="%3cactinic%3avariable%20name%3d%22Address3%22%20%2f%3e%20%21%3d%20%22%22"><br/><actinic:variable name="Address3" />,</actinic:block>
        <actinic:block if="%3cactinic%3avariable%20name%3d%22Address4%22%20%2f%3e%20%21%3d%20%22%22"><br/><actinic:variable name="Address4" />,</actinic:block>
        <actinic:block if="%3cactinic%3avariable%20name%3d%22PostalCode%22%20%2f%3e%20%21%3d%20%22%22" ><br/><actinic:variable name="PostalCode" />,</actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22Country%22%20%2f%3e%20%21%3d%20%22%22%20AND%20%3cactinic%3avariable%20name%3d%22PostalCode%22%20%2f%3e%20%21%3d%20%22%22"> </actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22Country%22%20%2f%3e%20%21%3d%20%22%22"><br/><actinic:variable name="Country" />.</actinic:block>
        </p>
        </div>
        <actinic:variable name="ReferrerLink" />
        </div>
        <div class="miniFooter">
        <actinic:variable name="HeaderFooter" value="Footer Text" />

        <actinic:block if="%3cactinic%3avariable%20name%3d%22PayPalAcceptanceLogoPosition%22%20%2f%3e%20%3d%3d%20%22Bottom%22">
        <actinic:variable name="PayPalAcceptanceLogo" />
        </actinic:block>
        <p><actinic:variable name="Copyright Message" />
        <Actinic:EXTRAFOOTERTEXT/></p>

        <actinic:block if="%3cactinic%3avariable%20name%3d%22SocialMediaUsed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22FollowButtonsPosition%22%20%2f%3e%20%3d%3d%20%22Footer%22" >
        <!-- Social media follow buttons if position = "Footer" -->
        <p><actinic:variable name="SocialMediaFollowButtons" /></p>
        </actinic:block>

        <actinic:block if="%3cactinic%3avariable%20name%3d%22SocialMediaUsed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22SocialMediaBadgesPosition%22%20%2f%3e%20%3d%3d%20%22Footer%22" >
        <!-- Social media badges if position = "Footer" -->
        <p><actinic:variable name="SocialMediaBadges" /></p>
        </actinic:block>
        </div>
        Chris Ashdown

        Comment


          #5
          Hi Chris

          You could try reverting the Deep Footer layout to factory settings, but it looks like a CSS issue to me. I had a quick look at the code, however I don't understand why the second and third columns are lined up alongside each other, but below the first.

          Hopefully someone here with better CSS knowledge than mine can figure it out.
          Bruce Townsend
          Ecommerce Product Manager
          Sellerdeck Ecommerce Solutions

          Comment


            #6
            You seem to have an extra <div> in there with a class of "deepFooter"

            Code:
            <div class="footer-area">    <div class="deepFooter">
                    <div class="footerColLeft">
            
            
                    </div>
                </div>
            
            
                <div class="footerColMid">
                </div>
            
            
                <div class="footerColRight">
            
                </div>
                <br>
            
                <div align="center">
                </div>
            
            
            
            </div>
            Can you see how "footerColLeft" is inside the "deepFooter" <div> but the other 2 columns aren't?

            Either move the other 2 columns inside "deepFooter" or change "footer-area" to "deepFooter"


            I'll have a look on SellerDeck later when I'm on a work PC
            Elysium:Online - Official Accredited SellerDeck Partner
            SellerDeck Design, Build, Hosting & Promotion
            Based in rural Northants

            Comment


              #7
              Ignore
              Either move the other 2 columns inside "deepFooter" or change "footer-area" to "deepFooter"


              I meant

              Either move the other 2 columns inside "deepFooter" or change "deepFooter" to "footerColLeft"
              Elysium:Online - Official Accredited SellerDeck Partner
              SellerDeck Design, Build, Hosting & Promotion
              Based in rural Northants

              Comment


                #8
                Thanks Andrew

                I will give it ago in the morning at work
                Chris Ashdown

                Comment


                  #9
                  Thanks to all but overnight i had a email suggesting a double </DIR> on line 13 in one place and moved one to another and sorted
                  Apreciated all your efforts and never had the chance to try Andrews idea
                  Chris Ashdown

                  Comment

                  Working...
                  X