Results 1 to 5 of 5

Thread: centring in browser problem
      
   

  1. #1
    Join Date
    Dec 2009
    Posts
    29

    Default centring in browser problem

    hi i have recent designed a site in fireworks and dreamweaver. The initial design is made within fireworks and photoshop and then exported into dreamweaver where i have added text and navbar in various tables and divs.

    now i can easily centre the main design in the centre of the page as it is all exported as one lot of css. however i cannot link the stuff i have added in dreamweaver to it. This means when i centre the design the text is still aligned to the left.

    What code do i need to change this.

    my source is as follows.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>inktesthtml.png</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    
    td img {display: block;}#apDiv1 {
    	position:absolute;
    	width:200px;
    	height:141px;
    	z-index:1;
    	left: 49px;
    	top: 362px;
    }
    #apDiv2 {
    	position:absolute;
    	width:459px;
    	height:115px;
    	z-index:1;
    	left: 45px;
    	top: 363px;
    }
    #apDiv3 {
    	position:absolute;
    	width:455px;
    	height:115px;
    	z-index:2;
    	left: 43px;
    	top: 630px;
    }
    #apDiv4 {
    	position:absolute;
    	width:990px;
    	height:41px;
    	z-index:0;
    	left: 8px;
    	top: 214px;
    }
    #apDiv5 {
    	position:absolute;
    	width:200px;
    	height:115px;
    	z-index:3;
    	left: 154px;
    	top: 61px;
    }
    #apDiv6 {
    	position:absolute;
    	width:322px;
    	height:115px;
    	z-index:3;
    	left: 46px;
    	top: 362px;
    }
    #apDiv7 {
    	position:absolute;
    	width:490px;
    	height:115px;
    	z-index:3;
    	left: 26px;
    	top: 356px;
    }
    body {
    	background-color: #000000;
    	background-image: url(bg.png);
    }
    #apDiv8 {
    	position:absolute;
    	width:1030px;
    	height:80px;
    	z-index:4;
    	left: 8px;
    	top: 208px;
    }
    </style>
    <!--Fireworks CS3 Dreamweaver CS3 target.  Created Sun Jan 31 16:12:30 GMT+0000 (GMT Standard Time) 2010-->
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <script language="JavaScript1.2" type="text/javascript">
    <!--
    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];}
    }
    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_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];}}
    }
    
    //-->
    </script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    <body onload="MM_preloadImages('inktesthtml_r2_c2_f2.png','inktesthtml_r2_c4_f2.png','inktesthtml_r2_c6_f2.png')">
    
    <div id="apDiv3">
      <table width="200" border="0">
        <tr>
          <td><div style="overflow: auto; height: 130px; width: 448px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;">
            <p>"InkDesigns brought our MySpace page to life. The process of getting the site to where it is now, was fast and allowed us almost total creative control."  Russian Dolls (band)  </p>
            <p>"We hire InkDesigns for nearly all of our gig posters and would definatley recommend them to any band, or indeed anyone."  Steven Taylor (Scream in Silence)</p>
            <p> "We wanted to expand and advertise our business through online means but we didn't have any idea of what to do. InkDesigns took us through the process at a speed which we could handle and kept us regularly updated." - Peter Steel (PM Steel Building Co.)</p>
          </div></td>
        </tr>
      </table>
    </div>
    <table width="990" border="0" align="left" cellpadding="0" cellspacing="0">
      <!-- fwtable fwsrc="INKDESIGNS.png" fwpage="Page 1" fwbase="inktesthtml.png" fwstyle="Dreamweaver" fwdocid = "1716714845" fwnested="0" -->
      <tr>
        <td><img src="spacer.gif" width="825" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="27" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
      </tr>
      
      <tr>
        <td colspan="7"><img name="inktesthtml_r1_c1" src="inktesthtml_r1_c1.png" width="990" height="7" border="0" id="inktesthtml_r1_c1" alt="" /></td>
        <td><img src="spacer.gif" width="1" height="7" border="0" alt="" /></td>
      </tr>
      <tr>
        <td rowspan="2"><img name="inktesthtml_r2_c1" src="inktesthtml_r2_c1.png" width="825" height="907" border="0" id="inktesthtml_r2_c1" alt="" /></td>
        <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('inktesthtml_r2_c2','','inktesthtml_r2_c2_f2.png',1)"><img name="inktesthtml_r2_c2" src="inktesthtml_r2_c2.png" width="40" height="40" border="0" id="inktesthtml_r2_c2" alt="" /></a></td>
        <td rowspan="2"><img name="inktesthtml_r2_c3" src="inktesthtml_r2_c3.png" width="9" height="907" border="0" id="inktesthtml_r2_c3" alt="" /></td>
        <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('inktesthtml_r2_c4','','inktesthtml_r2_c4_f2.png',1)"><img name="inktesthtml_r2_c4" src="inktesthtml_r2_c4.png" width="40" height="40" border="0" id="inktesthtml_r2_c4" alt="" /></a></td>
        <td rowspan="2"><img name="inktesthtml_r2_c5" src="inktesthtml_r2_c5.png" width="9" height="907" border="0" id="inktesthtml_r2_c5" alt="" /></td>
        <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('inktesthtml_r2_c6','','inktesthtml_r2_c6_f2.png',1)"><img name="inktesthtml_r2_c6" src="inktesthtml_r2_c6.png" width="40" height="40" border="0" id="inktesthtml_r2_c6" alt="" /></a></td>
        <td rowspan="2"><img name="inktesthtml_r2_c7" src="inktesthtml_r2_c7.png" width="27" height="907" border="0" id="inktesthtml_r2_c7" alt="" /></td>
        <td><img src="spacer.gif" width="1" height="40" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="inktesthtml_r3_c2" src="inktesthtml_r3_c2.png" width="40" height="867" border="0" id="inktesthtml_r3_c2" alt="" /></td>
        <td><img name="inktesthtml_r3_c4" src="inktesthtml_r3_c4.png" width="40" height="867" border="0" id="inktesthtml_r3_c4" alt="" /></td>
        <td><img src="inktesthtml_r3_c6.png" alt="" name="inktesthtml_r3_c6" width="40" height="867" border="0" usemap="#inktesthtml_r3_c6Map" id="inktesthtml_r3_c6" /></td>
        <td><img src="spacer.gif" width="1" height="867" border="0" alt="" /></td>
      </tr>
    </table>
    <div id="apDiv7">
      <table width="454" border="0" align="center">
        <tr>
          <td width="448"><div style="overflow: auto; height: 160px; width: 448px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;">
            <p>Welcome to InkDesigns, a site totally dedicated to the production of high quality graphics for all you needs. Here at InkDesigns, we offer an unquestionable professional service at very low competitive rates.</p>
            <p>InkDesigns is predominantly a website design business, however, the range of services we offer stretches greatly from just websites. Please go to the Services page to find out what we offer and whether there are any exclusive deals. </p>
    <p>Please feel free to navigate around the site to find out more about what we do and what we offer and we look forward to hearing from you.</p>
    
          </div></td>
        </tr>
      </table>
    </div>
    
    
    <map name="inktesthtml_r3_c6Map" id="inktesthtml_r3_c6Map"><area shape="rect" coords="1,823,45,862" href="#" /></map>
    <div id="apDiv8">
      <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','989','height','40','src','NAVBARREDON','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','NAVBARREDON' ); //end AC code
      </script>
      <noscript>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="989" height="40">
        <param name="movie" value="NAVBARREDON.swf" />
        <param name="quality" value="high" />
        <embed src="NAVBARREDON.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="989" height="40"></embed>
      </object>
      </noscript>
    </div>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID");
    //-->
    </script>
    </body>
    </html>

  2. #2
    Join Date
    Dec 2009
    Posts
    29

    Default Re: centring in browser problem

    quick update.

    i have added a wrapper to my css to centre it. yet the text and nav bar do not follow.

    new code.
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>inktesthtml.png</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    body {
            text-align:center;
    }
    #wrapper {
            margin: 0 auto;
            width: 990px; /* Replace the xxxx with the the width of your site (eg 800px)*/
            text-align:left;
    }
    
    td img {display: block;}#apDiv1 {
    	position:absolute;
    	width:200px;
    	height:141px;
    	z-index:1;
    	left: 49px;
    	top: 362px;
    }
    #apDiv2 {
    	position:absolute;
    	width:459px;
    	height:115px;
    	z-index:1;
    	left: 45px;
    	top: 363px;
    }
    #apDiv3 {
    	position:absolute;
    	width:455px;
    	height:115px;
    	z-index:2;
    	left: 43px;
    	top: 630px;
    }
    #apDiv4 {
    	position:absolute;
    	width:990px;
    	height:41px;
    	z-index:0;
    	left: 8px;
    	top: 214px;
    }
    #apDiv5 {
    	position:absolute;
    	width:200px;
    	height:115px;
    	z-index:3;
    	left: 154px;
    	top: 61px;
    }
    #apDiv6 {
    	position:absolute;
    	width:322px;
    	height:115px;
    	z-index:3;
    	left: 46px;
    	top: 362px;
    }
    #apDiv7 {
    	position:absolute;
    	width:490px;
    	height:115px;
    	z-index:3;
    	left: 26px;
    	top: 356px;
    }
    body {
    	background-color: #000000;
    	background-image: url(bg.png);
    }
    #apDiv8 {
    	position:absolute;
    	width:1030px;
    	height:80px;
    	z-index:4;
    	left: 8px;
    	top: 208px;
    }
    </style>
    <!--Fireworks CS3 Dreamweaver CS3 target.  Created Sun Jan 31 16:12:30 GMT+0000 (GMT Standard Time) 2010-->
    <div id="wrapper">
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <script language="JavaScript1.2" type="text/javascript">
    <!--
    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];}
    }
    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_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];}}
    }
    
    //-->
    </script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    
    <body onload="MM_preloadImages('inktesthtml_r2_c2_f2.png','inktesthtml_r2_c4_f2.png','inktesthtml_r2_c6_f2.png')">
    <div id="apDiv3">
      <table width="200" border="0">
        <tr>
          <td><div style="overflow: auto; height: 130px; width: 448px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;">
            <p>"InkDesigns brought our MySpace page to life. The process of getting the site to where it is now, was fast and allowed us almost total creative control."  Russian Dolls (band)  </p>
            <p>"We hire InkDesigns for nearly all of our gig posters and would definatley recommend them to any band, or indeed anyone."  Steven Taylor (Scream in Silence)</p>
            <p> "We wanted to expand and advertise our business through online means but we didn't have any idea of what to do. InkDesigns took us through the process at a speed which we could handle and kept us regularly updated." - Peter Steel (PM Steel Building Co.)</p>
          </div></td>
        </tr>
      </table>
    </div>
    <table width="990" border="0" align="left" cellpadding="0" cellspacing="0">
      <!-- fwtable fwsrc="INKDESIGNS.png" fwpage="Page 1" fwbase="inktesthtml.png" fwstyle="Dreamweaver" fwdocid = "1716714845" fwnested="0" -->
      <tr>
        <td><img src="spacer.gif" width="825" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="27" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
      </tr>
      
      <tr>
        <td colspan="7"><img name="inktesthtml_r1_c1" src="inktesthtml_r1_c1.png" width="990" height="7" border="0" id="inktesthtml_r1_c1" alt="" /></td>
        <td><img src="spacer.gif" width="1" height="7" border="0" alt="" /></td>
      </tr>
      <tr>
        <td rowspan="2"><img name="inktesthtml_r2_c1" src="inktesthtml_r2_c1.png" width="825" height="907" border="0" id="inktesthtml_r2_c1" alt="" /></td>
        <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('inktesthtml_r2_c2','','inktesthtml_r2_c2_f2.png',1)"><img name="inktesthtml_r2_c2" src="inktesthtml_r2_c2.png" width="40" height="40" border="0" id="inktesthtml_r2_c2" alt="" /></a></td>
        <td rowspan="2"><img name="inktesthtml_r2_c3" src="inktesthtml_r2_c3.png" width="9" height="907" border="0" id="inktesthtml_r2_c3" alt="" /></td>
        <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('inktesthtml_r2_c4','','inktesthtml_r2_c4_f2.png',1)"><img name="inktesthtml_r2_c4" src="inktesthtml_r2_c4.png" width="40" height="40" border="0" id="inktesthtml_r2_c4" alt="" /></a></td>
        <td rowspan="2"><img name="inktesthtml_r2_c5" src="inktesthtml_r2_c5.png" width="9" height="907" border="0" id="inktesthtml_r2_c5" alt="" /></td>
        <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('inktesthtml_r2_c6','','inktesthtml_r2_c6_f2.png',1)"><img name="inktesthtml_r2_c6" src="inktesthtml_r2_c6.png" width="40" height="40" border="0" id="inktesthtml_r2_c6" alt="" /></a></td>
        <td rowspan="2"><img name="inktesthtml_r2_c7" src="inktesthtml_r2_c7.png" width="27" height="907" border="0" id="inktesthtml_r2_c7" alt="" /></td>
        <td><img src="spacer.gif" width="1" height="40" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="inktesthtml_r3_c2" src="inktesthtml_r3_c2.png" width="40" height="867" border="0" id="inktesthtml_r3_c2" alt="" /></td>
        <td><img name="inktesthtml_r3_c4" src="inktesthtml_r3_c4.png" width="40" height="867" border="0" id="inktesthtml_r3_c4" alt="" /></td>
        <td><img src="inktesthtml_r3_c6.png" alt="" name="inktesthtml_r3_c6" width="40" height="867" border="0" usemap="#inktesthtml_r3_c6Map" id="inktesthtml_r3_c6" /></td>
        <td><img src="spacer.gif" width="1" height="867" border="0" alt="" /></td>
      </tr>
    </table>
    <div id="apDiv7">
      <table width="454" border="0" align="center">
        <tr>
          <td width="448"><div style="overflow: auto; height: 160px; width: 448px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;">
            <p>Welcome to InkDesigns, a site totally dedicated to the production of high quality graphics for all you needs. Here at InkDesigns, we offer an unquestionable professional service at very low competitive rates.</p>
            <p>InkDesigns is predominantly a website design business, however, the range of services we offer stretches greatly from just websites. Please go to the Services page to find out what we offer and whether there are any exclusive deals. </p>
    <p>Please feel free to navigate around the site to find out more about what we do and what we offer and we look forward to hearing from you.</p>
    
          </div></td>
        </tr>
      </table>
    </div>
    
    
    <map name="inktesthtml_r3_c6Map" id="inktesthtml_r3_c6Map"><area shape="rect" coords="1,823,45,862" href="#" /></map>
    <div id="apDiv8">
      <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','989','height','40','src','NAVBARREDON','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','NAVBARREDON' ); //end AC code
      </script>
      <noscript>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="989" height="40">
        <param name="movie" value="NAVBARREDON.swf" />
        <param name="quality" value="high" />
        <embed src="NAVBARREDON.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="989" height="40"></embed>
      </object>
      </noscript>
    </div>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID");
    
    //-->
    </script>
    </div>
    </body>
    </html>

  3. #3
    Join Date
    Oct 2005
    Location
    Italy
    Posts
    12,080

    Default Re: centring in browser problem

    Quote Originally Posted by pmsteel View Post
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>inktesthtml.png</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    body {
            text-align:center;
    }
    div#container
    {
      width: 990px;
      position: relative;
      margin-top: 0px;
      margin-left: auto;
      margin-right: auto;
      text-align: left;
    }
     
     
    td img {display: block;}#apDiv1 {
        position:absolute;
        width:200px;
        height:141px;
        z-index:1;
        left: 49px;
        top: 362px;
    }
    #apDiv2 {
        position:absolute;
        width:459px;
        height:115px;
        z-index:1;
        left: 45px;
        top: 363px;
    }
    #apDiv3 {
        position:absolute;
        width:455px;
        height:115px;
        z-index:2;
        left: 43px;
        top: 630px;
    }
    #apDiv4 {
        position:absolute;
        width:990px;
        height:41px;
        z-index:0;
        left: 8px;
        top: 214px;
    }
    #apDiv5 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:3;
        left: 154px;
        top: 61px;
    }
    #apDiv6 {
        position:absolute;
        width:322px;
        height:115px;
        z-index:3;
        left: 46px;
        top: 362px;
    }
    #apDiv7 {
        position:absolute;
        width:490px;
        height:115px;
        z-index:3;
        left: 26px;
        top: 356px;
    }
    body {
        background-color: #000000;
        background-image: url(bg.png);
    }
    #apDiv8 {
        position:absolute;
        width:1030px;
        height:80px;
        z-index:4;
        left: 8px;
        top: 208px;
    }
    </style>
    <!--Fireworks CS3 Dreamweaver CS3 target.  Created Sun Jan 31 16:12:30 GMT+0000 (GMT Standard Time) 2010-->
    <script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
    <script language="JavaScript1.2" type="text/javascript">
    <!--
    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];}
    }
    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_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];}}
    }
     
    //-->
    </script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
     
    <body onload="MM_preloadImages('inktesthtml_r2_c2_f2.png','inktesthtml_r2_c4_f2.png','inktesthtml_r2_c6_f2.png')">
    <divid="container">
    <div id="apDiv3">
      <table width="200" border="0">
        <tr>
          <td><div style="overflow: auto; height: 130px; width: 448px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;">
            <p>"InkDesigns brought our MySpace page to life. The process of getting the site to where it is now, was fast and allowed us almost total creative control."  Russian Dolls (band)  </p>
            <p>"We hire InkDesigns for nearly all of our gig posters and would definatley recommend them to any band, or indeed anyone."  Steven Taylor (Scream in Silence)</p>
            <p> "We wanted to expand and advertise our business through online means but we didn't have any idea of what to do. InkDesigns took us through the process at a speed which we could handle and kept us regularly updated." - Peter Steel (PM Steel Building Co.)</p>
          </div></td>
        </tr>
      </table>
    </div>
    <table width="990" border="0" align="left" cellpadding="0" cellspacing="0">
      <!-- fwtable fwsrc="INKDESIGNS.png" fwpage="Page 1" fwbase="inktesthtml.png" fwstyle="Dreamweaver" fwdocid = "1716714845" fwnested="0" -->
      <tr>
        <td><img src="spacer.gif" width="825" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="27" height="1" border="0" alt="" /></td>
        <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
      </tr>
     
      <tr>
        <td colspan="7"><img name="inktesthtml_r1_c1" src="inktesthtml_r1_c1.png" width="990" height="7" border="0" id="inktesthtml_r1_c1" alt="" /></td>
        <td><img src="spacer.gif" width="1" height="7" border="0" alt="" /></td>
      </tr>
      <tr>
        <td rowspan="2"><img name="inktesthtml_r2_c1" src="inktesthtml_r2_c1.png" width="825" height="907" border="0" id="inktesthtml_r2_c1" alt="" /></td>
        <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('inktesthtml_r2_c2','','inktesthtml_r2_c2_f2.png',1)"><img name="inktesthtml_r2_c2" src="inktesthtml_r2_c2.png" width="40" height="40" border="0" id="inktesthtml_r2_c2" alt="" /></a></td>
        <td rowspan="2"><img name="inktesthtml_r2_c3" src="inktesthtml_r2_c3.png" width="9" height="907" border="0" id="inktesthtml_r2_c3" alt="" /></td>
        <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('inktesthtml_r2_c4','','inktesthtml_r2_c4_f2.png',1)"><img name="inktesthtml_r2_c4" src="inktesthtml_r2_c4.png" width="40" height="40" border="0" id="inktesthtml_r2_c4" alt="" /></a></td>
        <td rowspan="2"><img name="inktesthtml_r2_c5" src="inktesthtml_r2_c5.png" width="9" height="907" border="0" id="inktesthtml_r2_c5" alt="" /></td>
        <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('inktesthtml_r2_c6','','inktesthtml_r2_c6_f2.png',1)"><img name="inktesthtml_r2_c6" src="inktesthtml_r2_c6.png" width="40" height="40" border="0" id="inktesthtml_r2_c6" alt="" /></a></td>
        <td rowspan="2"><img name="inktesthtml_r2_c7" src="inktesthtml_r2_c7.png" width="27" height="907" border="0" id="inktesthtml_r2_c7" alt="" /></td>
        <td><img src="spacer.gif" width="1" height="40" border="0" alt="" /></td>
      </tr>
      <tr>
        <td><img name="inktesthtml_r3_c2" src="inktesthtml_r3_c2.png" width="40" height="867" border="0" id="inktesthtml_r3_c2" alt="" /></td>
        <td><img name="inktesthtml_r3_c4" src="inktesthtml_r3_c4.png" width="40" height="867" border="0" id="inktesthtml_r3_c4" alt="" /></td>
        <td><img src="inktesthtml_r3_c6.png" alt="" name="inktesthtml_r3_c6" width="40" height="867" border="0" usemap="#inktesthtml_r3_c6Map" id="inktesthtml_r3_c6" /></td>
        <td><img src="spacer.gif" width="1" height="867" border="0" alt="" /></td>
      </tr>
    </table>
    <div id="apDiv7">
      <table width="454" border="0" align="center">
        <tr>
          <td width="448"><div style="overflow: auto; height: 160px; width: 448px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;">
            <p>Welcome to InkDesigns, a site totally dedicated to the production of high quality graphics for all you needs. Here at InkDesigns, we offer an unquestionable professional service at very low competitive rates.</p>
            <p>InkDesigns is predominantly a website design business, however, the range of services we offer stretches greatly from just websites. Please go to the Services page to find out what we offer and whether there are any exclusive deals. </p>
    <p>Please feel free to navigate around the site to find out more about what we do and what we offer and we look forward to hearing from you.</p>
     
          </div></td>
        </tr>
      </table>
    </div>
     
     
    <map name="inktesthtml_r3_c6Map" id="inktesthtml_r3_c6Map"><area shape="rect" coords="1,823,45,862" href="#" /></map>
    <div id="apDiv8">
      <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','989','height','40','src','NAVBARREDON','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','NAVBARREDON' ); //end AC code
      </script>
      <noscript>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="989" height="40">
        <param name="movie" value="NAVBARREDON.swf" />
        <param name="quality" value="high" />
        <embed src="NAVBARREDON.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="989" height="40"></embed>
      </object>
      </noscript>
    </div>
    <script type="text/javascript">
    <!--
    swfobject.registerObject("FlashID");
     
    //-->
    </script>
    </div>
    </body>
    </html>
    Try this
    Navaldesign
    Logger Lite: Low Cost, Customizable, multifeatured Login script
    Instant Download Cart: a Powerfull, Customized, in site, DB driven, e-products Cart
    DBTechnosystems.com Forms, Databases, Shopping Carts, Instant Download Carts, Loggin Systems and more....
    Advanced BlueVoda Form Processor : No coding form processor! Just install and use! Now with built in CAPTCHA!


  4. #4
    Join Date
    Dec 2009
    Posts
    29

    Default Re: centring in browser problem

    oh thanks thats awsome.. thankyou

  5. #5
    Join Date
    Dec 2009
    Posts
    29

    Default Re: centring in browser problem

    hi i did that and for my first 2 pages it worked. i then tried to add to the other pages but the flash didnt follow?

    any ideas?

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <!-- saved from url=(0014)about:internet -->
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>sevices.png</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
    body {
            text-align:center;
    }
    div#container {   width: 990px;   position: relative;   margin-top: 0px;   margin-left: auto;   margin-right: auto;   text-align: left; }
    td img {display: block;}body {
    	background-image: url(bg.png);
    }
    #apDiv1 {
    	position:absolute;
    	width:200px;
    	height:40px;
    	z-index:1;
    	left: 12px;
    	top: 215px;
    }
    body {
    	background-color: #D4D4D4;
    	background-image: url(bg.png);
    }
    #apDiv2 {
    	position:absolute;
    	width:200px;
    	height:41px;
    	z-index:1;
    	top: 217px;
    	left: 11px;
    }
    </style>
    <!--Fireworks CS3 Dreamweaver CS3 target.  Created Mon Mar 22 21:32:19 GMT+0000 (GMT Standard Time) 2010-->
    <script language="JavaScript1.2" type="text/javascript">
    <!--
    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];}
    }
    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_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];}}
    }
    
    //-->
    </script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    <body onload="MM_preloadImages('sevices_r2_c2_f2.png','sevices_r2_c4_f2.png','sevices_r2_c6_f2.png');">
    <div id="container">
    <table width="990" border="0" align="left" cellpadding="0" cellspacing="0">
    <!-- fwtable fwsrc="INKsevices.png" fwpage="Page 1" fwbase="sevices.png" fwstyle="Dreamweaver" fwdocid = "381656281" fwnested="0" -->
      <tr>
       <td><img src="spacer.gif" width="825" height="1" border="0" alt="" /></td>
       <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
       <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
       <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
       <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
       <td><img src="spacer.gif" width="40" height="1" border="0" alt="" /></td>
       <td><img src="spacer.gif" width="27" height="1" border="0" alt="" /></td>
       <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
      </tr>
    
      <tr>
       <td colspan="7"><div id="apDiv2">
         <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','989','height','40','src','NAVBARREDON','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','NAVBARREDON' ); //end AC code
    </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="989" height="40">
           <param name="movie" value="NAVBARREDON.swf" />
           <param name="quality" value="high" />
           <embed src="NAVBARREDON.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1000" height="40"></embed>
         </object>
       </noscript></div>
        <img name="sevices_r1_c1" src="sevices_r1_c1.png" width="990" height="7" border="0" id="sevices_r1_c1" alt="" /></td>
       <td><img src="spacer.gif" width="1" height="7" border="0" alt="" /></td>
      </tr>
      
      <tr>
       <td rowspan="2"><img src="sevices_r2_c1.png" alt="" name="sevices_r2_c1" width="825" height="1073" border="0" usemap="#sevices_r2_c1Map" id="sevices_r2_c1" /></td>
       <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('sevices_r2_c2','','sevices_r2_c2_f2.png',1);"><img name="sevices_r2_c2" src="sevices_r2_c2.png" width="40" height="40" border="0" id="sevices_r2_c2" alt="" /></a></td>
       <td rowspan="2"><img name="sevices_r2_c3" src="sevices_r2_c3.png" width="9" height="1073" border="0" id="sevices_r2_c3" alt="" /></td>
       <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('sevices_r2_c4','','sevices_r2_c4_f2.png',1);"><img name="sevices_r2_c4" src="sevices_r2_c4.png" width="40" height="40" border="0" id="sevices_r2_c4" alt="" /></a></td>
       <td rowspan="2"><img name="sevices_r2_c5" src="sevices_r2_c5.png" width="9" height="1073" border="0" id="sevices_r2_c5" alt="" /></td>
       <td><a href="javascript:;" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('sevices_r2_c6','','sevices_r2_c6_f2.png',1);"><img name="sevices_r2_c6" src="sevices_r2_c6.png" width="40" height="40" border="0" id="sevices_r2_c6" alt="" /></a></td>
       <td rowspan="2"><img name="sevices_r2_c7" src="sevices_r2_c7.png" width="27" height="1073" border="0" id="sevices_r2_c7" alt="" /></td>
       <td><img src="spacer.gif" width="1" height="40" border="0" alt="" /></td>
      </tr>
      <tr>
       <td><img name="sevices_r3_c2" src="sevices_r3_c2.png" width="40" height="1033" border="0" id="sevices_r3_c2" alt="" /></td>
       <td><img name="sevices_r3_c4" src="sevices_r3_c4.png" width="40" height="1033" border="0" id="sevices_r3_c4" alt="" /></td>
       <td><img src="sevices_r3_c6.png" alt="" name="sevices_r3_c6" width="40" height="1033" border="0" usemap="#sevices_r3_c6Map" id="sevices_r3_c6" /></td>
       <td><img src="spacer.gif" width="1" height="1033" border="0" alt="" /></td>
      </tr>
    </table>
    <map name="sevices_r3_c6Map" id="sevices_r3_c6Map"><area shape="rect" coords="1,980,44,1029" href="#" /></map>
    <map name="sevices_r2_c1Map" id="sevices_r2_c1Map"><area shape="rect" coords="627,732,800,899" href="#" /></map></body>
    </div>
    </body>
    </html>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

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