Announcement

Collapse
No announcement yet.

centring in browser problem

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

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

    Comment


    • #3
      Re: centring in browser problem

      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;
      }
      [COLOR=#000000]div#container[/COLOR]
      [COLOR=#000000]{[/COLOR]
      [COLOR=#000000]  width: 990px;[/COLOR]
      [COLOR=#000000]  position: relative;[/COLOR]
      [COLOR=#000000]  margin-top: 0px;[/COLOR]
      [COLOR=#000000]  margin-left: auto;[/COLOR]
      [COLOR=#000000]  margin-right: auto;[/COLOR]
      [COLOR=#000000]  text-align: left;[/COLOR]
      [COLOR=#000000]}[/COLOR]
       
       
      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')">
      [COLOR=#0000ff]<[/COLOR][COLOR=#800000]div[/COLOR][COLOR=#ff0000]id[/COLOR][COLOR=#0000ff]="container">[/COLOR]
      <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!

      Comment


      • #4
        Re: centring in browser problem

        oh thanks thats awsome.. thankyou

        Comment


        • #5
          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>

          Comment

          Working...
          X