Announcement

Collapse
No announcement yet.

Main content not centered?

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    Main content not centered?

    Hi
    I have a layout created in dreamweaver with the main layout in the middle which looked fine in dreamweaver and when previewed in the web. However when this layout was used in actinic it is on the left. I presume there is a conflict with the css created in dreamweaver and actinic.css

    Is there a piece of code I can change in actinic.css so everything is in the middle?

    Thanks for any help...
    Tags: None
    #2
    Site is not live yet even in test form - I can paste the actinic.css code?

    Comment

      #3
      If you have added additional css using DW then add this css to the end of acinic.css in the design otherwise add the additional ccs file into the outer design after the actinic.css reference.

      Comment

        #4
        Hi - I tried to attach the css but said invalid file. I can post the code in here but it takes up a lot of space - is this okay?

        Comment

          #5
          Here is the dreamweaver code:

          Code:
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dentalshop - Buy Dental Products Online - Buy Tepe - Buy Icon - Buy Oxyfresh - Buy Colgate - Buy Oral-B</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<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>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<!-- Placeholder of cookie checking javascript code. Do not remove it! -->
<Actinic:COOKIECHECK />
<script language="javascript" type="text/javascript">
<!-- 
  saveReferrer();
// -->
</script>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #09C;
}
#maincontent {
	background-color: #FFF;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	border-top-width: 0px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #069;
	border-right-color: #069;
	border-bottom-color: #069;
	border-left-color: #069;
}

-->
</style>
<script type="text/javascript">
<!--
//-->
</script>
</head>

<body onLoad="MM_preloadImages('baskicon1.gif','baskicon2.gif','newsletterfoot2.gif','termsfoot2.gif','linksfoot2.gif','aboutusfoot2.gif','sitemapfoot2.gif','FAQfoot2.gif','contactusfoot2.gif','flosspick2.gif','oxyflu2.gif','bevhills2.gif','tepe2.gif','retainerbrite2.gif','oralbsuperfloss2.gif','tunggel2.gif','superrelief2.gif','blanxsen2.gif','oolitt2.gif','toothtongue2.gif','silvercare2.gif','zincmrinse2.gif')">
<table width="910" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="6" rowspan="7" bgcolor="#006699">&nbsp;</td>
    <td colspan="3"><img src="newdshopbanner.gif" width="900" height="83" alt="dentalshop online store" /></td>
    <td width="5" rowspan="7" bgcolor="#006699">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3" align="left" valign="top" bgcolor="#FFFFFF"><table width="900" border="0" cellspacing="0" cellpadding="2">
      <tr>
        <td width="400"><Actinic:Variable Name="QuickSearchBar" Value="Standard Quick Search Bar"/></td>
        <td width="270" height="49" align="right" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('checkoutbutt','','baskicon2.gif',1)"><img src="baskicon1.gif" alt="Go checkout" name="checkoutbutt" width="270" height="49" border="0"></a></td>
        <td width="100"><Actinic:Variable Name="ShoppingCartSummary"/></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="3"><ul id="topmenubar" class="MenuBarHorizontal">
      <li><a href="#">Home</a>        </li>
      <li><a href="#">FAQ</a></li>
      <li><a href="#">Brochure</a></li>
      <li><a href="#">Special Offers</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Dental Health</a>
        <ul>
<li><a href="#">Bruxism</a></li>
<li><a href="#">Cavities</a></li>
<li><a href="#">Children's Teeth</a></li>
<li><a href="#">Cosmetic Care</a></li>
<li><a href="#">Daily Oral Care</a></li>
<li><a href="#">Fear of Dentist</a></li>
<li><a href="#">Gum Disease</a></li>
<li><a href="#">Halitosis</a></li>
<li><a href="#">Healthy Eating</a></li>
<li><a href="#">Oral Thrush</a></li>
<li><a href="#">Plaque Control</a></li>
<li><a href="#">Tooth Sensitivity</a></li>
<li><a href="#">Smokers</a></li>
<li><a href="#">Snoring</a></li>
<li><a href="#">Yellow Teeth</a></li>
        </ul>
      </li>
<li><a href="#">Contact Us</a></li>
    </ul></td>
  </tr>
  <tr>
    <td width="182" rowspan="3" align="left" valign="top" bgcolor="#FFFFFF"><table width="180" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="left" valign="top" bgcolor="#FFFFFF"><img src="a-zbanner.gif" width="182" height="60" alt="a-z product listings">
          <ul id="MenuBar2" class="MenuBarVertical">
            <li><a href="#">MULTIBUY OFFERS</a></li>
            <li><a href="#">DISCOUNT ZONE</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Shop by Brand</a>
              <ul>
                <li><a href="#">Aloclair</a></li>
                <li><a href="#">AloeDent</a></li>
                <li><a href="#">Aquafresh</a></li>
                <li><a href="#">Beverly Hills Formula</a></li>
                <li><a href="#">Blanx</a></li>
                <li><a href="#">BioRepair</a></li>
                <li><a href="#">Biotene</a></li>
                <li><a href="#">Colgate</a></li>
                <li><a href="#">Corsodyl</a></li>
                <li><a href="#">Curaprox</a></li>
                <li><a href="#">Crest</a></li>
                <li><a href="#">Doft</a></li>
                <li><a href="#">Eco-Dent</a></li>
                <li><a href="#">Green People</a></li>
                <li><a href="#">ICON</a></li>
                <li><a href="#">Listerine</a></li>
                <li><a href="#">Macleans</a></li>
                <li><a href="#">Oral-B</a></li>
                <li><a href="#">Oxyfresh</a></li>
                <li><a href="#">Panasonic</a></li>
                <li><a href="#">Poligrip</a></li>
                <li><a href="#">Tung</a></li>
                <li><a href="#">Sensodyne</a></li>
                <li><a href="#">Silvercare</a></li>
                <li><a href="#">Tepe</a></li>
                <li><a href="#">TUNG</a></li>
                <li><a href="#">Waterpik</a></li>
                <li><a href="#">Weleda</a></li>
                <li><a href="#">Wisdom</a></li>
                <li><a href="#">Xerostrom</a></li>
<li><a href="#">Yin Yang</a></li>
</ul>
            </li>
<li><a href="#">Books &amp; Leaflets</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Children &amp; Babies</a>
              <ul>
<li><a href="#">Motivational Aids</a></li>
<li><a href="#">Mouthwashes</a></li>
<li><a href="#">Orthodontic</a></li>
<li><a href="#">Teething</a></li>
<li><a href="#">Toothbrushes</a></li>
<li><a href="#">Toothpastes</a></li>
              </ul>
            </li>
<li><a href="#">Denture Products</a></li>
<li><a href="#">Dental Floss &amp; Tape</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Electrical</a>
              <ul>
                <li><a href="#">Battery Toothbrushes</a></li>
                <li><a href="#">Electric Toothbrushes</a></li>
                <li><a href="#">Electric Brush Heads</a></li>
                <li><a href="#">Irrigators &amp; Water Jets</a></li>
                </ul>
            </li>
<li><a href="#">Fresh Breath</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">Interdental Cleaning</a>
              <ul>
                <li><a href="#">Interdental Brushes</a></li>
                <li><a href="#">Interspacial Brushes</a></li>
                <li><a href="#">Brushsticks/Woodsticks</a></li>
                </ul>
            </li>
<li><a href="#">Mouthwashes &amp; Sprays</a></li>
<li><a href="#">Natural &amp; Alternative</a></li>
<li><a href="#">Orthodontic Care</a></li>
<li><a href="#">Pharmacy Products</a></li>
            <li><a href="#">Skincare</a>              </li>
            <li><a href="#" class="MenuBarItemSubmenu">Special Care</a>
              <ul>
<li><a href="#">Dental First Aid</a></li>
<li><a href="#">Dry Mouth</a></li>
<li><a href="#">Halitosis</a></li>
<li><a href="#">Mouth Ulcers</a></li>
<li><a href="#">Plaque Disclosing</a></li>
<li><a href="#">Sensitive Teeth</a></li>
</ul>
            </li>
<li><a href="#">Teeth Whitening</a></li>
            <li><a href="#">Tongue Cleaning</a></li>
            <li><a href="#">Toothbrushes</a></li>
            <li><a href="#">Toothpaste</a></li>
            <li><a href="#">Travel</a></li>
            <li><a href="#">Vitamins &amp; Supplements</a></li>
            </ul>
          <img src="leftmenuend.gif" alt="" width="182" height="35"></td>
      </tr>
      <tr>
        <td><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="180" height="200">
          <param name="movie" value="popbrands.swf">
          <param name="quality" value="high">
          <param name="wmode" value="opaque">
          <param name="swfversion" value="6.0.65.0">
          <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
          <param name="expressinstall" value="Scripts/expressInstall.swf">
          <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
          <!--[if !IE]>-->
          <object type="application/x-shockwave-flash" data="popbrands.swf" width="180" height="200">
            <!--<![endif]-->
            <param name="quality" value="high">
            <param name="wmode" value="opaque">
            <param name="swfversion" value="6.0.65.0">
            <param name="expressinstall" value="Scripts/expressInstall.swf">
            <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
            <div>
              <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
              <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
              </div>
            <!--[if !IE]>-->
            </object>
          <!--<![endif]-->
          </object></td>
      </tr>
      <tr>
        <td><img src="leftlinks.gif" alt="free delivery on multibuys" width="182" height="350" vspace="5" border="0" usemap="#Map2"></td>
      </tr>
      <tr>
        <td><a href="http://www.dentalhealth.org.uk/" target="_blank"><img src="BDHF.gif" alt="British Dental Health Foundation Website Link" width="182" height="162" border="0" longdesc="http://www.dentalhealth.org.uk/"></a></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
    <td width="536" height="210" align="center" valign="top" bgcolor="#FFFFFF"><table width="536" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center" valign="top"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="530" height="200" vspace="11" align="middle" id="FlashID">
      <param name="movie" value="dshop2011mainflash.swf">
      <param name="quality" value="high">
      <param name="wmode" value="opaque">
      <param name="swfversion" value="6.0.65.0">
      <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
      <param name="expressinstall" value="Scripts/expressInstall.swf">
      <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
      <!--[if !IE]>-->
      <object data="dshop2011mainflash.swf" type="application/x-shockwave-flash" width="530" height="200" vspace="11" align="middle">
        <!--<![endif]-->
        <param name="quality" value="high">
        <param name="wmode" value="opaque">
        <param name="swfversion" value="6.0.65.0">
        <param name="expressinstall" value="Scripts/expressInstall.swf">
        <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
        <div>
          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
        </div>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object></td>
  </tr>
  <tr>
    <td align="left" valign="top"><Actinic:Variable Name="INNERLAYOUT"/></td>
  </tr>
</table>
</td>
    <td width="181" rowspan="3" align="left" valign="top" bgcolor="#FFFFFF"><table width="182" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><table width="182" border="0" align="right" cellpadding="0" cellspacing="0">
          <tr>
            <td><div align="right"><img src="mboffers.gif" width="182" height="60" alt="Multibuy Offers"></div></td>
          </tr>
          <tr>
            <td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('flosspickrightnav','','flosspick2.gif',1)"><img src="flosspick1.gif" alt="Crest Glide Floss Picks Multibuy" name="flosspickrightnav" width="182" height="100" border="0"></a></div></td>
          </tr>
          <tr>
            <td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('iconleftnav','','icon2.gif',1)"><img src="icon1.gif" alt="Icon Interdentals Multibuy" name="iconleftnav" width="182" height="100" border="0"></a></div></td>
          </tr>
          <tr>
            <td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('oxyflurgtnav','','oxyflu2.gif',1)"><img src="oxyflu1.gif" alt="Oxyfresh Fluoride Multibuy" name="oxyflurgtnav" width="182" height="100" border="0"></a></div></td>
          </tr>
          <tr>
            <td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bevhillsrgtnav','','bevhills2.gif',1)"><img src="bevhills1.gif" alt="Beverly Hills Formula Multibuy" name="bevhillsrgtnav" width="182" height="100" border="0"></a></div></td>
          </tr>
          <tr>
            <td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tepergtnav','','tepe2.gif',1)"><img src="tepe1.gif" alt="Tepe Interdentals Multibuy" name="tepergtnav" width="182" height="100" border="0"></a></div></td>
          </tr>
          <tr>
            <td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('retainerleftbar','','retainerbrite2.gif',1)"><img src="retainerbrite1.gif" alt="Retainer Brite Multibuy" name="retainerleftbar" width="182" height="100" border="0"></a></div></td>
          </tr>
          <tr>
            <td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('oralbleftnav','','oralbsuperfloss2.gif',1)"><img src="oralbsuperfloss1.gif" alt="Oral-B Super Floss Multibuy" name="oralbleftnav" width="182" height="100" border="0"></a></div></td>
          </tr>
          <tr>
            <td><div align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tunggelrgtnav','','tunggel2.gif',1)"><img src="tunggel1.gif" alt="Tung Gel Multibuy" name="tunggelrgtnav" width="182" height="100" border="0"></a></div></td>
          </tr>
          <tr>
            <td><div align="right"><img src="leftmenubott.gif" alt="" width="182" height="35"></div></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><img src="bestsellers.gif" width="182" height="60" alt="Best selling products"></td>
      </tr>
      <tr>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('superreliefrgt','','superrelief2.gif',1)"><img src="superrelief1.gif" alt="Oxyfresh Super Relief Gel" name="superreliefrgt" width="182" height="100" border="0"></a></td>
      </tr>
      <tr>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('silvercare','','silvercare2.gif',1)"><img src="silvercare1.gif" alt="Silvercare Plus Medium Toothbrush" name="silvercare" width="182" height="100" border="0"></a></td>
      </tr>
      <tr>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('oolittrgtnav','','oolitt2.gif',1)"><img src="oolitt1.gif" alt="Oolitt Tongue Scraper" name="oolittrgtnav" width="182" height="100" border="0"></a></td>
      </tr>
      <tr>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('zincrinse','','zincmrinse2.gif',1)"><img src="zincmrinse1.gif" alt="Oxyfresh Zinc Mouthrinse" name="zincrinse" width="182" height="100" border="0"></a></td>
      </tr>
      <tr>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('blanxsenwhite','','blanxsen2.gif',1)"><img src="blanxsen1.gif" alt="Blanx Sensitive Whitening" name="blanxsenwhite" width="182" height="100" border="0"></a></td>
      </tr>
      <tr>
        <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('toothtonguergtbar','','toothtongue2.gif',1)"><img src="toothtongue1.gif" alt="Aquafresh Tooth and Tongue Standard Toothbrush" name="toothtonguergtbar" width="182" height="100" border="0"></a></td>
      </tr>
      <tr>
        <td><img src="leftmenubott.gif" alt="" width="182" height="35"></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td align="center" valign="top" bgcolor="#FFFFFF"><table width="536" border="0" align="top" cellpadding="5" cellspacing="0">

    </table></td>
  </tr>
  <tr class="mainactinic">
    <td width="536" align="left" valign="top" bgcolor="#FFFFFF" cellpadding="5">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3" align="center" valign="middle" bgcolor="#FFFFFF"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr bgcolor="#336699">
        <td align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contactusfoot','','contactusfoot2.gif',1)"><img src="contactusfoot1.gif" alt="Contact Us" name="contactusfoot" width="125" height="40" border="0"></a></td>
        <td align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('aboutusfoot','','aboutusfoot2.gif',1)"><img src="aboutusfoot1.gif" alt="About Us" name="aboutusfoot" width="125" height="40" border="0"></a></td>
        <td align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('faqfooter','','FAQfoot2.gif',1)"><img src="FAQfoot1.gif" alt="Frequently Asked Questions" name="faqfooter" width="125" height="40" border="0"></a></td>
        <td align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('termsfooter','','termsfoot2.gif',1)"><img src="termsfoot1.gif" alt="Terms and Conditions" name="termsfooter" width="125" height="40" border="0"></a></td>
        <td align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('newslettfooter','','newsletterfoot2.gif',1)"><img src="newsletterfoot1.gif" alt="Newsletter" name="newslettfooter" width="125" height="40" border="0"></a></td>
        <td align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('sitemapfoot','','sitemapfoot2.gif',1)"><img src="sitemapfoot1.gif" alt="Site Map" name="sitemapfoot" width="125" height="40" border="0"></a></td>
        <td align="center" valign="bottom"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('linksfooter','','linksfoot2.gif',1)"><img src="linksfoot1.gif" alt="Links" name="linksfooter" width="125" height="40" border="0"></a></td>
        </tr>
    </table>      <img src="footer.gif" alt="Dentalshop, The Old Hatchery, Blind Lane, Aiskew, Bedale, North Yorkshire DL8 1BW" width="900" height="80" border="0" usemap="#Map"></td>
  </tr>
</table>
<map name="Map">
  <area shape="rect" coords="482,12,830,40" href="mailto:websales@dentalshop.co.uk" alt="Email us at websales@dentalshop.co.uk">
</map>
<map name="Map2">
  <area shape="rect" coords="2,106,179,250" href="http://www.healthwithoutwealth.co.uk/" target="_blank" alt="Health Without Wealth online store">
  <area shape="rect" coords="4,5,179,102" href="http://www.facebook.com/pages/Dentalshop/106134416113358?v=wall" target="_blank" alt="Find Dentalshop on Facebook">
</map>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("topmenubar", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID");
//-->
</script>
</body>
</html>

          Comment

            #6
            Here is the actinic code. The content is centered in the preview window. I am using firefox.

            Code:
            /* theme.css contains styles that support different sizes of theme images */
@import url("theme.css");

/* begin general styles for all themes */
html,body {
	margin: 0px;
	padding: 0px;

	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20True">
	background-color:<actinic:variable name="BGColor"/>;
	</actinic:block>
	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20False">
	background-image: url("<actinic:variable name="BackgroundImageFileName" />");
	</actinic:block>
	font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
	color: <actinic:variable name="TextColor" />;
	font-size: <actinic:variable name="StandardFontSize" />;
	


}

p, table, td, th {
	font-family: <actinic:variable name="ACTCSSFONTFAMILY" />;
	font-size: <actinic:variable name="StandardFontSize" />;
	font-style: normal;
	font-weight: normal;
	color: <actinic:variable name="TextColor" />;
	margin-top: 0px;
	margin-left: 0px;

}

form {
	margin: 0px;
}

a:link {
	color: <actinic:variable name="LinkColor" />;
	text-decoration: none;
}

a:visited {
	color: <actinic:variable name="VLinkColor" />;
	text-decoration: none;
}

a:hover {
	color: <actinic:variable name="HLinkColor" />;
	text-decoration: underline;
}

a:active {
	color: <actinic:variable name="ALinkColor" />;
	text-decoration: none;
}

ul {
	list-style-type: square;
}

.actCHECKOUTEM {
	background-color: <actinic:variable name="CheckoutEM" />;
}

.actCHECKOUTBG {
	background-color: <actinic:variable name="CheckoutBG" />;
}

.actlarger {
	font-size: <actinic:variable name="LargerFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actsmaller{
	font-size: <actinic:variable name="SmallFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxxsmall {
	font-size: <actinic:variable name="SmallFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxsmall {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actsmall {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actregular {
	font-size: <actinic:variable name="LargerFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actlarge{
	font-size: <actinic:variable name="LargeFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxlarge {
	font-size: <actinic:variable name="ExtraLargeFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actxxlarge {
	font-size: <actinic:variable name="ExtraLargeFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actwarningcolor {
	color: <actinic:variable name="RequiredColor" />;
}
	
.actrequiredcolor {
	color: <actinic:variable name="RequiredColor" />;
}

.actsearchhighlightcolor {
	color: <actinic:variable name="SearchHighlightColor" />;
}

.actrequired {
	color: <actinic:variable name="RequiredColor" />;
}

.actwarning {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="RequiredColor" />;
}

.actwelcome {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="TextColor" />;
}

.actlogotext {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: #D9090E;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
.actlogout {
	font-size: <actinic:variable name="StandardFontSize" />;
	color: <actinic:variable name="LinkColor" />;
}

.thinborder1 {
	border: 1px solid <actinic:variable name="Palette1" />;
}

.thinborder2 {
	border: 1px solid <actinic:variable name="Palette2" />;
}

.thinred {
	border: solid 1px <actinic:variable name="Palette1" />;
	border-top: 0px;
}

.thinred2 {
	border: solid 1px <actinic:variable name="Palette2" />;
	border-top: 0px;
} 

.content_left {
	text-align: left;
	float: left;
	margin-right: 20px;
}

.content_right {
	text-align: left;
	float: left;
}

.boxheading {
	font-weight: bold;
	text-transform: uppercase;
	color: <actinic:variable name="BGColor" />;
}

a.boxlink:link{
	color: <actinic:variable name="BGColor" />;
	text-decoration:none;
}

a.boxlink:visited{
	color: <actinic:variable name="BGColor" />;
	text-decoration:none;
}

a.boxlink:hover{
	color: <actinic:variable name="BGColor" />;
	text-decoration:underline;
}

a.boxlink:active{
	color: <actinic:variable name="BGColor" />;
	text-decoration:none;
}

table.checkout td {
	background-color: <actinic:variable name="CheckoutBG" />;
}

table.checkout th {
	background-color: <actinic:variable name="CheckoutEM" />;
}

.cart {
	background-color: <actinic:variable name="CheckoutBG" />;
}

.cartheading {
	background-color: <actinic:variable name="CheckoutEM" />;
	font-weight: bold;
}

* html .boxhead h2 {height: 1%;}

.sidebox {
	background: url('theme_curve4.gif') no-repeat bottom right;
	font-size: 100%;
}

.boxhead {
	background: url('theme_curve2.gif') no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}

.boxhead h2 {
	background: url('theme_curve1.gif') no-repeat top left;
	margin: 0;
	padding: 5px 10px 5px;
	color: <actinic:variable name="PaletteBG" />; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
}

.boxbody {
	background: url('theme_curve3.gif') no-repeat bottom left;
	margin: 0;
	padding: 5px 10px 11px;
}

/* end of general styles for all themes */

/* CSS Specific to 'Executive' */

/* PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------------ */

	/* page header fomatting elements ----------------------------------------------------- */
	.page_header	{
		background-color: <actinic:variable name="Palette1" />;
		margin: 0px 0px 0px 0px;
		}
		
	.page_header_content	{
		width: 762px;
		text-align: left;
		height: 63px;
		}
		
	.page_header_home_search_box	{
		padding: 1px;
		margin: 0px;
		background-image:url('theme_dotted_line_2.gif');
		background-color: <actinic:variable name="Palette2" />;
		}
	
	.page_header_logo_container	{
		float: left;
		}
	
	.page_header_menu_cart_login_spacing	{
		padding-left: 2px;
		}
	
	.page_header_terms_cart_login_container	{
		float: right;
		text-align: right;
		}
	
	.page_header_terms_container	{
		height: 38px;
		}
		
	.page_header_menu_cart	{
		padding: 3px 5px 4px 19px;
		background-image:url('theme_icon_cart.gif');
		background-color:<actinic:variable name="Palette3" />; 
		border-top: 1px solid <actinic:variable name="Palette2" />;
		border-bottom: 1px solid <actinic:variable name="Palette2" />;
		}
	
	.page_header_menu_cart_items	{
		padding: 3px 5px 4px 5px;
		background-color:<actinic:variable name="Palette3" />;	
		border-left: 1px solid <actinic:variable name="Palette2" />;
		border-top: 1px solid <actinic:variable name="Palette2" />;
		border-bottom: 1px solid <actinic:variable name="Palette2" />;
		}
	
	.page_header_menu_login	{
		padding: 3px 5px 4px 17px;
		background-image:url('theme_icon_login.gif');
		background-color:<actinic:variable name="Palette3" />; 
		border-top: 1px solid <actinic:variable name="Palette2" />;
		border-bottom: 1px solid <actinic:variable name="Palette2" />;
		}
	/* end page header fomatting elements ------------------------------------------------- */
	
	
	/* page menu fomatting elements ------------------------------------------------------- */
	.page_menu	{
		background-color: <actinic:variable name="Palette2" />;
		margin: 0px 0px 0px 0px;
		}
		
	.page_menu_content	{
		width: 762px;
		height: 21px;
		}
		
	.page_menu_items	{
		background-color: <actinic:variable name="Palette2" />;
		padding: 0px 0px 0px 1px;
		height: 21px;
		float: left;
		width: 65%;
		}
	
	.page_menu_items_search	{
		background-color: <actinic:variable name="Palette2" />;
		padding: 0px 0px 0px 1px;
		height: 21px;
		float: right;
		width: 30%;
		}
	/* end page menu fomatting elements ---------------------------------------------------- */


	/* page body fomatting elements -------------------------------------------------------- */
	.page_body	{
		padding: 10px 0px 0px 0px;
		}

	.page_body_content	{
		width: 762px;
		text-align: left;
		}
	
	.page_body_content_left_column	{
		float: left; 
		width: 170px;
		}
	
	.page_body_content_right_column	{
		float: right; 
		width: 552px;
		}
	/* end page body fomatting elements ----------------------------------------------------- */


	/* page footer fomatting elements ------------------------------------------------------- */
	.page_footer	{
	padding: 30px 0px 30px 0px;
	clear:both;
	}
	
	.page_footer_content	{
		width: 762px;
		text-align: left;
		}
	/* end of page footer fomatting elements ------------------------------------------------ */

	/* page left column fomatting elements -------------------------------------------------- */
	.left_column_product_image_description	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		}
	/* end page left column fomatting elements ---------------------------------------------- */

/* END OF PAGE MAIN FORMATTING ELEMENTS ------------------------------------------------- */




/* PRODUCT FORMATTING ELEMENTS & LINE ELEMENTS --------------------------------------------------- */
	/* lines -------------------------------------------------------------------------------- */
	.dotted_line_blue	{
		height: 1px;
		background-color: <actinic:variable name="Palette2" />;
		background-image:url('theme_dotted_line.gif');
		clear:both;
		}
		
	.solid_line_light_blue	{
		height: 1px;
		padding: 0px;
		margin: 0px;
		background-color: <actinic:variable name="Palette2" />;
		clear:both;
		}
		
	.solid_line_blue	{
		height: 1px;
		padding: 0px;
		margin: 0px;
		background-color: <actinic:variable name="Palette1" />;
		clear:both;
		}
		
	.dotted_outline_blue	{
		border: 1px dotted <actinic:variable name="Palette2" />;
		padding: 8px;
		}		
	/* end lines ---------------------------------------------------------------------------- */
	
	.best_selling_items	{
	padding: 10px;
	background-color: <actinic:variable name="PaletteBG" />;
	}
	
	.best_selling_items_spacing	{
	padding: 0px 0px 8px 8px;
	}
	
	.product_image_cost	{
		margin: 0px 12px 8px 0px;
		text-align: center;
		float: left;
		}
		
	.product_list	{
		margin: 20px 0px 20px 0px;
		}	
/* PRODUCT FORMATTING ELEMENTS AND LINE ELEMENTS -------------------------------------------- */



/* IMAGE FORMATTING ELEMENTS ------------------------------------------------------------ */
	.image_float_right	{
		float: right;
		margin: 16px 0px 15px 20px;
		}
	
	.image_product	{
		margin: 0px 18px 10px 0px;
		text-align: center;
		float: left;
		}
/* END OF IMAGE FORMATTING ELEMENTS ----------------------------------------------------- */

            Comment

              #7
              Hello - sorry for the delay in replying - have been getting products etc on. Here is the url:

              http://www.transformyoursmile.co.uk/

              I can't get the content to centre align. Any thoughts kindly appreciated!

              Comment

              Previous template Next
              Working...
              X