View Full Version : Problems importing Fireworks HTML into Dreamweaver

07-19-2011, 04:46 AM
Hey everyone. I'm new to the forum and need some help importing Fireworks HTML into Dreamweaver. I'm using Dreamweaver CS5.5 FYI. I've built my header completely in Fireworks and it imports into Dreamweaver almost perfectly with the exception of the navigation buttons. The buttons look fine in their "up" state but the effects I built into the "over" and "down" states aren't being displayed at all once imported into Dreamweaver. Any ideas, pointers, advice, etc? Thanks...any help is appreciated!


07-19-2011, 05:24 AM
Is there a css file that you didn't link in?

Can you post the page and give us a link?

07-19-2011, 05:32 AM
The site isn't online yet. I'm still in the very very early stages of development. Any idea as to why only the up state is loading?

07-19-2011, 05:35 AM
You can still upload the file. It's really impossible to diagnose issues like this without being able to look at the code.

07-19-2011, 06:28 AM
Gotcha. Here's the HTML code for the templage page I'm using. Still tweeking specifics but the entirety of the Fireworks HTML is included below.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
body {
background-color: #1B1B00;
margin-top: 0px;
margin-bottom: 0px;
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->

<table width="900" border="0" align="center" cellpadding="0" cellspacing="0">
<th colspan="3" scope="col"><table width="900" border="0" align="center" cellpadding="0" cellspacing="0" style="display: inline-table;">
<!-- fwtable fwsrc="header1.png" fwpage="Page 1" fwbase="header2.gif" fwstyle="Dreamweaver" fwdocid = "307213153" fwnested="0" -->
<td><img src="../spacer.gif" width="23" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="127" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="29" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="116" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="11" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="108" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="37" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="73" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="46" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="103" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="7" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="149" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="71" height="1" border="0" alt="" /></td>
<td><img src="../spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td colspan="13"><img src="../header2_r1_c1_s1.gif" alt="" name="header2_r1_c1_s1" width="900" height="197" border="0" id="header2_r1_c1_s1" /></td>
<td><img src="../spacer.gif" width="1" height="197" border="0" alt="" /></td>
<td rowspan="2"><img src="../header2_r2_c1_s1.gif" alt="" name="header2_r2_c1_s1" width="23" height="80" border="0" id="header2_r2_c1_s1" /></td>
<td><a href="../index.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','header2_r2_c2_s1','header2_r2_c 2_s2.gif','header2_r2_c2_s3.gif',1);" onclick="MM_nbGroup('down','navbar1','header2_r2_c2_s1','he ader2_r2_c2_s3.gif',1);"><img src="../header2_r2_c2_s1.gif" alt="" name="header2_r2_c2_s1" width="127" height="79" border="0" id="header2_r2_c2_s1" /></a></td>
<td colspan="2"><a href="../reservations.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','header2_r2_c3_s1','header2_r2_c 3_s2.gif','header2_r2_c3_s3.gif',1);" onclick="MM_nbGroup('down','navbar1','header2_r2_c3_s1','he ader2_r2_c3_s3.gif',1);"><img src="../header2_r2_c3_s1.gif" alt="" name="header2_r2_c3_s1" width="145" height="79" border="0" id="header2_r2_c3_s1" /></a></td>
<td colspan="3"><a href="../attractions.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','header2_r2_c5_s1','header2_r2_c 5_s2.gif','header2_r2_c5_s3.gif',1);" onclick="MM_nbGroup('down','navbar1','header2_r2_c5_s1','he ader2_r2_c5_s3.gif',1);"><img src="../header2_r2_c5_s1.gif" alt="" name="header2_r2_c5_s1" width="156" height="79" border="0" id="header2_r2_c5_s1" /></a></td>
<td><a href="../photos.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','header2_r2_c8_s1','header2_r2_c 8_s2.gif','header2_r2_c8_s3.gif',1);" onclick="MM_nbGroup('down','navbar1','header2_r2_c8_s1','he ader2_r2_c8_s3.gif',1);"><img src="../header2_r2_c8_s1.gif" alt="" name="header2_r2_c8_s1" width="73" height="79" border="0" id="header2_r2_c8_s1" /></a></td>
<td colspan="2"><a href="../contact.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','header2_r2_c9_s1','header2_r2_c 9_s2.gif','header2_r2_c9_s3.gif',1);" onclick="MM_nbGroup('down','navbar1','header2_r2_c9_s1','he ader2_r2_c9_s3.gif',1);"><img src="../header2_r2_c9_s1.gif" alt="" name="header2_r2_c9_s1" width="149" height="79" border="0" id="header2_r2_c9_s1" /></a></td>
<td colspan="2"><a href="../emergency.htm" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','header2_r2_c11_s1','header2_r2_ c11_s2.gif','header2_r2_c11_s3.gif',1);" onclick="MM_nbGroup('down','navbar1','header2_r2_c11_s1','h eader2_r2_c11_s3.gif',1);"><img src="../header2_r2_c11_s1.gif" alt="" name="header2_r2_c11_s1" width="156" height="79" border="0" id="header2_r2_c11_s1" /></a></td>
<td rowspan="2"><img src="../header2_r2_c13_s1.gif" alt="" name="header2_r2_c13_s1" width="71" height="80" border="0" id="header2_r2_c13_s1" /></td>
<td><img src="../spacer.gif" width="1" height="79" border="0" alt="" /></td>
<td colspan="11"><img src="../header2_r3_c2_s1.gif" alt="" name="header2_r3_c2_s1" width="806" height="1" border="0" id="header2_r3_c2_s1" /></td>
<td><img src="../spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td height="84" colspan="3" align="center" bgcolor="#999966"><!-- TemplateBeginEditable name="EditRegion3" -->&nbsp;<!-- TemplateEndEditable --></td>
<td colspan="3" align="center" bgcolor="#999966"><p>Copyright 2011 Cedar Springs Ranch</p></td>

07-19-2011, 06:36 AM
Those rollovers reference javascript that isn't included in your page or linked to from your page. Fireworks should have created the javascript for you.

07-19-2011, 06:38 AM
And BTW, as many folks here will point out tables aren't a good way to layout pages. You need to learn to use divs and CSS for layout. (DW has some CSS-cased layout built in).

07-19-2011, 06:39 AM
Hm...any ideas on how to fix it?

07-19-2011, 06:41 AM
Sorry, I'm not a Fireworks expert but I would expect it to have created a javascript file (and linked to it) along with the html.

d a v e
07-19-2011, 07:12 PM
and using html from fireworks is only for prototyping (i wish adobe would make that prominently clear) - make your images in FW and everything else in dreamweaver ;)