PDA

View Full Version : big white box when i export a popup menu into dreamweaver from fireworks.problem


silverglade
09-13-2008, 01:38 PM
hi, when i make a popup menu on an html page, and open it in dreamweaver, a large white box appears so that i cant type or anything near the menu. any help greatly appreciated. thanks. derek

silverglade
09-13-2008, 03:54 PM
here is my code.

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css" media="screen">
@import url("../fireworks training/exercise files/17_Rollovers/CSSMenu/untitled-4.css");
@import url("../fireworks training/exercise files/17_Rollovers/CSSMenu/untitled-3.css");
@import url("../fireworks training/exercise files/17_Rollovers/CSSMenu/untitled-3.css");


td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
display: block;
}
#FWTableContainer1174516319 {
/* The master div to make sure that our popup menus get aligned correctly. Be careful when playing with this one. */
position:relative;
margin:0px;
width:400px;
height:400px;
text-align:left;
}
#MMMenuContainer0913050640_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0913050640_0 and contains the important positioning information for the menu as a whole */
position:absolute;
left:24px;
top:31px;
visibility:hidden;
z-index:300;
}
#MMMenu0913050640_0 {
/* This class defines things about menu MMMenu0913050640_0's div. */
position:absolute;
left:0px;
top:0px;
visibility:hidden;
background-color:#555555;
border:1px solid #555555;
width:52px;
height:76px;
}
.MMMIFVStyleMMMenu0913050640_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0913050640_0 */
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-bottom:1px solid #555555;
border-right:1px solid #555555;
width:52px;
height:26px;
voice-family: "\"}\"";
voice-family:inherit;
width:44px;
height:18px;
}
.MMMIVStyleMMMenu0913050640_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0913050640_0 */
border-top:0px;
border-left:1px solid #ffffff;
border-bottom:1px solid #555555;
border-right:1px solid #555555;
width:52px;
height:25px;
voice-family: "\"}\"";
voice-family:inherit;
width:44px;
height:18px;
}
#MMMenu0913050640_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0913050640_0 so we can set its position */
left:0px;
top:0px;
}
#MMMenu0913050640_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0913050640_0 so we can set its position */
left:0px;
top:26px;
}
#MMMenu0913050640_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0913050640_0 so we can set its position */
left:0px;
top:51px;
}
#MMMenuContainer0913050640_0 img {
/* needed for Mozilla/Camino/Netscape */
border:0px;
}
#MMMenuContainer0913050640_0 a {
/* Controls the general apperance for menu MMMenuContainer0913050640_0's items, including color and font */
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align:left;
vertical-align:middle;
padding:3px;
background-color:#993366;
font-weight:normal;
font-style:normal;
display:block;
position:absolute;
}
#MMMenuContainer0913050640_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0913050640_0 */
color:#ffffff;
background-color:#99ff00;
}
td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
display: block;
}
#FWTableContainer1174516319 {
/* The master div to make sure that our popup menus get aligned correctly. Be careful when playing with this one. */
position:relative;
margin:0px;
width:400px;
height:400px;
text-align:left;
}
#MMMenuContainer0913050640_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0913050640_0 and contains the important positioning information for the menu as a whole */
position:absolute;
left:24px;
top:31px;
visibility:hidden;
z-index:300;
}
#MMMenu0913050640_0 {
/* This class defines things about menu MMMenu0913050640_0's div. */
position:absolute;
left:0px;
top:0px;
visibility:hidden;
background-color:#555555;
border:1px solid #555555;
width:52px;
height:76px;
}
.MMMIFVStyleMMMenu0913050640_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0913050640_0 */
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-bottom:1px solid #555555;
border-right:1px solid #555555;
width:52px;
height:26px;
voice-family: "\"}\"";
voice-family:inherit;
width:44px;
height:18px;
}
.MMMIVStyleMMMenu0913050640_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0913050640_0 */
border-top:0px;
border-left:1px solid #ffffff;
border-bottom:1px solid #555555;
border-right:1px solid #555555;
width:52px;
height:25px;
voice-family: "\"}\"";
voice-family:inherit;
width:44px;
height:18px;
}
#MMMenu0913050640_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0913050640_0 so we can set its position */
left:0px;
top:0px;
}
#MMMenu0913050640_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0913050640_0 so we can set its position */
left:0px;
top:26px;
}
#MMMenu0913050640_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0913050640_0 so we can set its position */
left:0px;
top:51px;
}
#MMMenuContainer0913050640_0 img {
/* needed for Mozilla/Camino/Netscape */
border:0px;
}
#MMMenuContainer0913050640_0 a {
/* Controls the general apperance for menu MMMenuContainer0913050640_0's items, including color and font */
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
text-align:left;
vertical-align:middle;
padding:3px;
background-color:#993366;
font-weight:normal;
font-style:normal;
display:block;
position:absolute;
}
#MMMenuContainer0913050640_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0913050640_0 */
color:#ffffff;
background-color:#99ff00;
}




@import url("menu.css");
</style>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
</head>
<body>
<div id="FWTableContainer1329034333">
<table border="0" cellpadding="0" cellspacing="0" width="100">
<!-- fwtable fwsrc="Untitled" fwbase="untitled-4.gif" fwstyle="Dreamweaver" fwdocid = "1329034333" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="98" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
</tr>
<tr>
<td colspan="3"><img src="untitled-4_r1_c1.gif" alt="" name="untitled4_r1_c1" width="100" height="12" border="0" id="untitled4_r1_c1" /></td>
<td><img src="spacer.gif" width="1" height="12" border="0" alt="" /></td>
</tr>
<tr>
<td rowspan="2"><img src="untitled-4_r2_c1.gif" alt="" name="untitled4_r2_c1" width="1" height="88" border="0" id="untitled4_r2_c1" /></td>
<td><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0913074759_0', 'MMMenu0913074759_0',0,24,'untitled4_r2_c2');"><img src="untitled-4_r2_c2.gif" alt="" name="untitled4_r2_c2" width="98" height="48" border="0" id="untitled4_r2_c2" /></a></td>
<td rowspan="2"><img src="untitled-4_r2_c3.gif" alt="" name="untitled4_r2_c3" width="1" height="88" border="0" id="untitled4_r2_c3" /></td>
<td><img src="spacer.gif" width="1" height="48" border="0" alt="" /></td>
</tr>
<tr>
<td><img src="untitled-4_r3_c2.gif" alt="" name="untitled4_r3_c2" width="98" height="40" border="0" id="untitled4_r3_c2" /></td>
<td><img src="spacer.gif" width="1" height="40" border="0" alt="" /></td>
</tr>
</table>
<div id="MMMenuContainer0913074759_0">
<div id="MMMenu0913074759_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="javascript:;" id="MMMenu0913074759_0_Item_0" class="MMMIFVStyleMMMenu0913074759_0" onmouseover="MM_menuOverMenuItem('MMMenu0913074759_0');"> dfgd </a> <a href="javascript:;" id="MMMenu0913074759_0_Item_1" class="MMMIVStyleMMMenu0913074759_0" onmouseover="MM_menuOverMenuItem('MMMenu0913074759_0');"> dfgdgd </a> <a href="javascript:;" id="MMMenu0913074759_0_Item_2" class="MMMIVStyleMMMenu0913074759_0" onmouseover="MM_menuOverMenuItem('MMMenu0913074759_0');"> dfgfdgdg </a> </div>
</div>
</div>
<p>&nbsp;</p>
</body>
</html>

d a v e
09-13-2008, 05:18 PM
you shouldn't use any code exported from fireworks in your web pages - it's only for mock ups. it's dumb that you can do it, but don't ;)

use something like these
http://www.twinhelix.com/dhtml/fsmenu/
or a paid for or tutorial one from http://www.projectseven.com/

silverglade
09-13-2008, 07:16 PM
thank you so much for that great advice. also, can fireworks open dreamweaver html pages? when i try i get an error of "fireworks could not find an html table in this file". fireworks only seems to be able to open html files that were done in fireworks. any help greatly appreciated. derek

d a v e
09-13-2008, 07:31 PM
does the file you are attempting to open contain tables?

the 'roundtrip' function of fireworks only works - afaik - when the the html originates from with a fireworks file, so i guess that could be why.

northman93
11-25-2008, 01:39 PM
I'm a beginner and it's probably due to operator error or misunderstanding of what the programs can/cannot do that I'm having a problem.

I read this thread and am having a problem with the CSS being imported into Dreamweaver CS4 from Fireworks CS4. I thought with CS4 that the CSS could be imported, but maybe I'm mistaken.

I did get the following messages, which is somewhat greek to me which said:

Javascript Error:

File C:\Program Files\Adobe\Adobe Fireworks CS4\Configureation|HTML Code\CSSLayers.htt, line 1401, error: test for equality (= =) mistyped as assignment (=)?
Assuming equality test

Additionally I got the following message which would make sense about the previous information posted:

Fireworks:
Only slice images from the current state will be included in this export. Hotspot and behavior attributes will be ignored.

I used the Export Wizard when I got the above messages and I did indicate in the dialog box that it was "Images and CSS" when I did the export. The final results was a image (jpg), even though I had sliced all the various areas of the graphic.

Bottom line, is my understanding of what the CS4 verisons of Dreamweaver and Fireworks at fault, if not what might be my problem?

In your responses please keep it in mind that I'm not a programer and have a very limited idea as to what I'm doing (as if you couldn't tell already :-D )

Thanks in advance for the help

wasovs4
03-29-2009, 07:32 PM
Daves Advise Is Good Never Use A Fireworks Code In Your Webpages In Screws Them Up Just Use A Paid For One Like An Example Provided By Dave

healingrooms
05-22-2009, 09:46 PM
Javascript Error:

File C:\Program Files\Adobe\Adobe Fireworks CS4\Configureation|HTML Code\CSSLayers.htt, line 1401, error: test for equality (= =) mistyped as assignment (=)?
Assuming equality test



Yeah, I'm getting the same error that northman93 is having.

I imported a Photoshop CS4 file into Fireworks CS4, in order to have Fireworks export the CSS that Photoshop is ignorant of (sticking with tables). Yet Fireworks is producing that error about the test for equality (==).

Makes me laugh. It's almost like Adobe Creative Suite isn't really a Suite, but just a collection of independent programs. And this is CS*4*??? One of these years, I hope they get it right.