Tweet
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.
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>
Comment