Announcement

Collapse
No announcement yet.

How do I centre the site in browsers

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

    How do I centre the site in browsers

    Please help
    I am using an old theme & it justifies the site to the left in browsers.
    How do I centre the site in browsers

    #2
    One way would be to put a div around the whole code and add a class to it set with margin:0 auto;

    Comment


      #3
      Centre site

      How do I co that?

      Comment


        #4
        You will have to go into the outerlayout and wrap the code with:

        Code:
        <div align=center">Page Code Here</div>
        If you are not aware of how to edit code get some help and/or backup thoroughly first...

        Army Gore-tex
        Winter Climbing Mitts
        webD's Blog: Website design, SEO and other ramblings…
        Twitter LinkedIN

        If you think a post is good, rate it!

        Find the answers in the Knowledge Base | Have you read the User Guides

        Comment


          #5
          Centre in browser

          Any suggestions as to where to get help

          Comment


            #6
            Centre in browser

            http://www.seatstore.co.uk/acatalog/index.html

            I am using an old modified theme, cannot remember its name.

            Comment


              #7
              If you go into the design tab and look at your page's code you will see a body tag at the top:

              Code:
              <body vlink="#006699" marginwidth="5" marginheight="5" text="#000000" bgcolor="#ffffff" background="background1.gif" alink="#660066" link="#006699" onload="PreloadImages('button_back_highlight.gif','button_checkout_highlight.gif','button_contact_highlight.gif','button_entershop_highlight.gif','button_home_highlight.gif','button_login_highlight.gif','button_search_highlight.gif','button_sitemap_highlight.gif','button_storetop_highlight.gif','button_terms_highlight.gif','button_up_highlight.gif','button_viewcart_highlight.gif');">
              You need to put the
              Code:
              <div align="center">
              immediately after that.

              Then put the closing
              Code:
              </div>
              immediately before the
              Code:
              </body>
              If your site using multiple page layouts this will have to be done for every layout.

              Remember to backup first

              Army Gore-tex
              Winter Climbing Mitts
              webD's Blog: Website design, SEO and other ramblings…
              Twitter LinkedIN

              If you think a post is good, rate it!

              Find the answers in the Knowledge Base | Have you read the User Guides

              Comment


                #8
                Centre in browser

                Thank you, it is centering now

                Comment


                  #9
                  hi i am just trying to do the exact same thing, but cant find that code anywhere to insert it into ?

                  i am currently using the smart design and will be changing this eventually but just working my way round the site understanding the features

                  can anyone help to point me in the right direction

                  help would be greatly appreciated

                  Comment


                    #10
                    Align centre

                    Go to Design tab. Click on top level of the content tree on right.
                    Find text starting <BODY & place </div> before.
                    At the end of the line (marginwidth="5" marginheight="5) place <div align="center">

                    Mine is around line 79 & looks like this:-

                    </div>
                    <BODY <actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20false">background="<actinic:variable name='BackgroundImageFilename'/>"</actinic:block> OnLoad="<actinic:variable name="OnLoadScript" value="PreloadImages"/>" bgcolor="<actinic:variable name='BGColor'/>" TEXT="<actinic:variable name="TextColor"/>" link="<actinic:variable name='LinkColor'/>" vlink="<actinic:variable name='VLinkColor'/>" alink="<actinic:variable name='ALinkColor'/>" marginwidth="5" marginheight="5"><div align="center">

                    Comment


                      #11
                      cheers for the help but i am in the right area, but cant for love nor money see a block of code that looks like that

                      Comment


                        #12
                        sorry to be doing this as its driving me mad, i have copied the code and pasted it below and included a screen shot to try and check im in the right section.


                        <!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" />

                        <actinic:variable name="MetaTags" />

                        <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="JavaScriptFunctions" />

                        <actinic:variable name="JavaScriptArray" value="All Data From All Sections" />
                        <script language="javascript" type="text/javascript">
                        <!--
                        function YahooSections(ar)
                        {
                        var strIDs = '';
                        for (var i=1;i<=ar.length;i++)
                        {
                        if (ar[i].sURL != null)
                        {
                        strIDs += '<a href="' + ar[i].sURL + '"><span class="actxxsmall"><b>' + ar[i].sName + '</b></span></a><br />';
                        {
                        if (ar[i].pChild)
                        {
                        for (var j=1;j<=ar[i].pChild.length;j++)
                        {
                        if (ar[i].pChild[j].sURL != null)
                        {
                        strIDs += '<a href="' + ar[i].pChild[j].sURL + '"><span class="actxxsmall">' + ar[i].pChild[j].sName + '</span></a><br />';
                        }
                        }
                        }
                        }
                        strIDs += '<br />'
                        }
                        }
                        return strIDs
                        }
                        //-->
                        </script>

                        </head>

                        <body onload="<actinic:variable name="OnLoadScript" value="PreloadImages" />">

                        <actinic:variable name="HeaderArea" value="Smart Header Area" />
                        <br />
                        <table width="100%" cellspacing="0" cellpadding="5" border="0">
                        <tr>
                        <td valign="top" class="sidebar">
                        <actinic:variable name="SideBar" value="Smart Left Sidebar" />
                        </td>
                        <td valign="top">
                        <a name="top"></a>
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                        <td valign="top" bgcolor="<actinic:variable name="Palette1" />" width="2%"><img src="theme_tab1_left.gif" alt="Left tab" /></td>
                        <td bgcolor="<actinic:variable name="Palette1" />" width="92%" height="20"><span class="boxheading"><actinic:variable name="BrochureName" /></span></td>
                        <td valign="top" bgcolor="<actinic:variable name="Palette1" />" width="6%" align="right"><img src="theme_tab1_right.gif" alt="Right tab" /></td>
                        </tr>
                        <tr>
                        <td class="bulk" colspan="3" style="padding: 5px;">

                        <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>

                        </td>
                        <td valign="top" class="sidebar">
                        <actinic:variable name="SideBar" value="Smart Right Sidebar" />
                        </td>
                        </tr>
                        </table>
                        <actinic:variable name="GoogleAnalyticsMarkup" value="Google Analytics Tracking Code" />
                        </body>

                        </html>
                        Attached Files

                        Comment


                          #13
                          thank you so much for taking the time to help, i got it sussed lol

                          it was simple in the end

                          Comment

                          Working...
                          X