Avatar of yic01
yic01 asked on

Dreamweaver CS3 is mysteriously adding a 1 px spacer.gif to a table exported from Fireworks CS3

I created a design in Fireworks CS3 and sliced it up. The table is 800 px wide.I have triple checked that the width of the slices and images total 800 px. I have removed all filters from the images, in fact I even went so far as to remove all images .  When I export it to Dreamweaver CS3 it adds the spacer, regardless of what I do.  I don't know why.  If anyone can help it would be greatly appreciated. The attached code has no menus and very limited graphics and you will see the 1 px spacer.gif added. I do not recall every having this problem in previous versions.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">td img {display: block;}</style>
<!--Fireworks CS3 Dreamweaver CS3 target.  Created Tue May 27 13:31:52 GMT-0400 (Eastern Daylight Time) 2008-->
<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];}}
<body bgcolor="#ffffff" onload="MM_preloadImages('images/test/test_r2_c1_f2.gif');">
<table border="0" cellpadding="0" cellspacing="0" width="800">
<!-- fwtable fwsrc="test.png" fwpage="Page 1" fwbase="test.gif" fwstyle="Dreamweaver" fwdocid = "1114907388" fwnested="0" -->
   <td><img src="images/test/spacer.gif" width="405" height="1" border="0" alt="" /></td>
   <td><img src="images/test/spacer.gif" width="395" height="1" border="0" alt="" /></td>
   <td><img src="images/test/spacer.gif" width="1" height="1" border="0" alt="" /></td>
   <td colspan="2"><img name="test_r1_c1" src="images/test/test_r1_c1.gif" width="800" height="60" border="0" id="test_r1_c1" alt="" /></td>
   <td><img src="images/test/spacer.gif" width="1" height="60" border="0" alt="" /></td>
   <td><a href="scrap_mgmt.htm" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('test_r2_c1','','images/test/test_r2_c1_f2.gif',1);"><img name="test_r2_c1" src="images/test/test_r2_c1.gif" width="405" height="126" border="0" id="test_r2_c1" alt="" /></a></td>
   <td><img name="test_r2_c2" src="images/test/test_r2_c2.gif" width="395" height="126" border="0" id="test_r2_c2" alt="" /></td>
   <td><img src="images/test/spacer.gif" width="1" height="126" border="0" alt="" /></td>
   <td colspan="2"><img name="test_r3_c1" src="images/test/test_r3_c1.gif" width="800" height="30" border="0" id="test_r3_c1" alt="" /></td>
   <td><img src="images/test/spacer.gif" width="1" height="30" border="0" alt="" /></td>
   <td colspan="2"><img name="test_r4_c1" src="images/test/test_r4_c1.gif" width="800" height="395" border="0" id="test_r4_c1" alt="" /></td>
   <td><img src="images/test/spacer.gif" width="1" height="395" border="0" alt="" /></td>
   <td colspan="2"><img name="test_r5_c1" src="images/test/test_r5_c1.jpg" width="800" height="39" border="0" id="test_r5_c1" alt="" /></td>
   <td><img src="images/test/spacer.gif" width="1" height="39" border="0" alt="" /></td>

Open in new window

Web Graphics SoftwareAdobe Dreamweaver

Avatar of undefined
Last Comment

8/22/2022 - Mon

Could you strip everything out of your fireworks png that you don't want us seeing and attach it?  Just keep the slices, basically.

Done.  Thanks.

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question

Thanks.  I feel somewhat better knowing that I am not the only one who is stumped.  It seems to be some sort of a bug ... I'm giving you the points for spending the time and effort to try to help. No one else bothered ...
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck

I appreciate it.  Sorry I couldn't help. If there's one thing I can leave to the knowledgebase: Fireworks is clearly not perfect for HTML generation. Period. It makes plenty of stupid errors that will leave you scratching your head.

When I use Fireworks for a mockup, I'll export only the images and build it manually using Dreamweaver.  And when I build it, I usually design it using CSS (not tables), and I build my rollovers and dropdown menus using CSS (not the Macromedia-era Javascript).