Forums
This topic is locked
big white box around popup menu to dreamweaver
13 Sep 2008 15:42:22 derek mr posted:
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. derekhere is my code
<pre id=code><font face=courier size=2 id=code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="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> </p>
</body>
</html>
</font id=code></pre id=code>
Edited by - silverglade on 13 Sep 2008 17:55:23