This is a forum where members new and old can come to ask questions and get info and opinions. It is not a place to advertise your business or have other forms of advertising, whether it be in your posts or signature.

All links in the forum will not be indexed by Search Engines and any unapproved forms of advertising or spam will be dealt with accordingly, deleted, and that member's account banned.

Forums

Overview » Fireworks » big white box around popup menu to dreamweaver
Reply

big white box around popup menu to dreamweaver

derek mr
Member



Since: 13 Sep 2008
Posts: 4
Posted 13 Sep 2008 15:42:22

hi, i have a huge white box around my menu i made in fireworks, when i import the html with the menu made in fireworks, into dreamweaver, in dreamweaver there is a huge white box around the menu so that i cant type anything near it or do anything near it. any help greatly appreciated. thanks. derek

here is my code

<pre id=code><font face=courier size=2 id=code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;style type="text/css" media="screen"&gt;
@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";
&lt;/style&gt;
&lt;script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"&gt;&lt;/script&gt;
&lt;/head&gt;

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

Edited by - silverglade on 13 Sep 2008 17:55:23

hi, i have a huge white box around my menu i made in fireworks, when i import the html with the menu made in fireworks, into dreamweaver, in dreamweaver there is a huge white box around the menu so that i cant type anything near it or do anything near it. any help greatly appreciated. thanks. derek

here is my code

<pre id=code><font face=courier size=2 id=code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;style type="text/css" media="screen"&gt;
@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";
&lt;/style&gt;
&lt;script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"&gt;&lt;/script&gt;
&lt;/head&gt;

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

Edited by - silverglade on 13 Sep 2008 17:55:23

Reply to this topic

Message
Reply
Follow us on Facebook Follow us on twitter Subscribe to the RSS feed
Activate your free membership today | Login | Currency