PDA

View Full Version : centring in browser problem



pmsteel
03-22-2010, 10:46 PM
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.


<!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','inkte sthtml_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_r 2_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_r 2_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_r 2_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','heigh t','40','src','NAVBARREDON','quality','high','plug inspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','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>

pmsteel
03-22-2010, 11:07 PM
quick update.

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

new 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','inkte sthtml_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_r 2_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_r 2_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_r 2_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','heigh t','40','src','NAVBARREDON','quality','high','plug inspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','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>

navaldesign
03-23-2010, 10:25 AM
<!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','inkte sthtml_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_r 2_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_r 2_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_r 2_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','heigh t','40','src','NAVBARREDON','quality','high','plug inspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','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

pmsteel
03-23-2010, 05:21 PM
oh thanks thats awsome.. thankyou

pmsteel
03-23-2010, 07:32 PM
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?


<!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_r 2_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','heigh t','40','src','NAVBARREDON','quality','high','plug inspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','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>