I've used Dreamweaver MX for many years, and I've created numerous pop-up menus, but I AM STUMPED now. I've created a new webpage and now the pop-up looks VERY VERY WEIRD. I have deleted recreated for most of the day trying different settings etc. (I know if it doesn't work the first time, what makes you think it will work the second time), but I can't get it to work/look correctly. If I create a blank page with just my image and pop-up, it is ok, but not in my webpage. On my local server, it even looks worst, but when I uploaded to my hosting company it looks goofy.

Can someone please look at www.gaitrite.com/index_new.html and when you mouse over products 1. The box is huge, #2 there are no borders and #3 the bottom of the words are cut off. please any assistance would be appreciated. I am really at a loss and don't want to start all over creating a navigation bar/menu
<img src=../images/fwzone/forum/icon_smile_sad.gif border=0 align=middle><img src=../images/fwzone/forum/icon_smile_sad.gif border=0 align=middle><img src=../images/fwzone/forum/icon_smile_sad.gif border=0 align=middle><font color=maroon></font id=maroon><font face='Verdana'></font id='Verdana'>

Hi Denise,

Can you post the code back here so we can see what is going on?



Regards

Vince Baker
<strong>DMX Zone Manager</strong>

[VBScript | ASP | HTML | CSS | SQL | Oracle | AS400 | ERP Logic | Hosting]

Below is all the source code for the page you can view at www.gaitrite.com/index_new.html
If you didn't want all the source, I've put just the function/map information at the end of this reply for your ease.


Thank you very much!
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;new-layout-modified.gif&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html;"&gt;


&lt;script language="JavaScript1.2"&gt;
&lt;!--
function mmLoadMenus() {
if (window.mm_menu_0027204649_0) return;
window.mm_menu_0027204649_0 = new Menu("root",103,20,"Verdana, Arial, Helvetica, sans-serif",14,"#000000","#666666","#ffffff","#cccccc","center","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0027204649_0.addMenuItem("Geriatrics","window.open('geriatrics.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Pediatrics","window.open('pediatrics.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Neurology","window.open('neurology.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Orthopedics","window.open('orthopedics.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Veterinary","window.open('veterinary.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Prosthetics","window.open('prosthetics.html', '_self');";
mm_menu_0027204649_0.hideOnMouseOut=true;
mm_menu_0027204649_0.bgColor='#ffffff';
mm_menu_0027204649_0.menuBorder=1;
mm_menu_0027204649_0.menuLiteBgColor='#cccccc';
mm_menu_0027204649_0.menuBorderBgColor='#999999';

mm_menu_0027204649_0.writeMenus();
} // mmLoadMenus()

//--&gt;
&lt;/script&gt;
&lt;script language="JavaScript1.2" src="mm_menu.js"&gt;&lt;/script&gt;
&lt;style type="text/css"&gt;
&lt;!--
.style2 {font-size: 10px}
--&gt;
&lt;/style&gt;
&lt;link href="style.css" rel="stylesheet" type="text/css"&gt;
&lt;link href="gaitrite_style.css" rel="stylesheet" type="text/css"&gt;
&lt;/head&gt;
&lt;body bgcolor="#86adce"&gt;
&lt;script language="JavaScript1.2"&gt;mmLoadMenus();&lt;/script&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" width="1024"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="142" height="1" border="0" alt=""&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="743" height="1" border="0" alt=""&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="139" height="1" border="0" alt=""&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/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 name="logoslice" src="images/logo-slice.gif" width="1024" height="157" border="0" usemap="#m_logoslice" alt=""&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="1" height="157" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;&lt;img name="navbarslice" src="images/navbar-slice.gif" width="1024" height="45" border="0" usemap="#m_navbarslice" alt=""&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="1" height="45" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;&lt;img name="newlayoutmodified_r3_c1" src="images/new-layout-modified_r3_c1.gif" width="1024" height="1" border="0" usemap="#m_newlayoutmodified_r3_c1" alt=""&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="1" height="1" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align="left" valign="top" background="images/content-background-extender.gif"&gt;
&lt;td background="images/content-background-extender.gif"&gt;&lt;img name="newlayoutmodified_r4_c1" src="images/new-layout-modified_r4_c1.gif" width="142" height="469" border="0" alt=""&gt;&lt;/td&gt;
&lt;td width="743" height="469" bgcolor="#FFFFFF" border="0" alt=""&gt;&lt;table width="730" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;table height="482" border="0" align="left" cellpadding="5" cellspacing="5"&gt;
&lt;tr&gt;
&lt;td colspan="2"&gt;&lt;span class="predsmall"&gt;&lt;strong&gt;CIR Systems, Inc. &lt;/strong&gt;is the manufacturer of several industrial and medical instruments, including the &lt;strong&gt;GAITRite System&lt;/strong&gt;. In addition, CIR is an international sales, service and consulting organization. Our mission is to be the premier resource for clinical and research facilities to aquire assessment and diagnostic tools for the scientific measurement of human performance. &lt;/span&gt;&lt;br&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr align="left" valign="top"&gt;
&lt;td height="380"&gt;&lt;p align="center" class="style9bold"&gt;&lt;br&gt;
&lt;span class="gaitrite_title"&gt;WHY MEASURE GAIT ? &lt;/span&gt;&lt;/p&gt;
&lt;p align="left" class="predsmall"&gt;"There is a defined need for objective measurement of gait because without it the quality of treatment decisions is reduced because of the subjective and often unreliable nature of the assessment. Objective measures must also be employed if one is to demonstrate the efficacy of a treatment protocol, a function that will become increasingly important as health care resources become more strained and health care providers are held more accountable... &lt;em&gt;&lt;a href="Products/index.html"&gt;Gait assessment &lt;/a&gt;&lt;/em&gt;is an everyday responsibility for the practicing therapist. Visual assessment, which is almost universally used for this purpose, has been shown to be unreliable at best. Measurement of the temporal and distance factors of gait have been found to be clinically useful." &lt;/p&gt;
&lt;p align="left" class="predsmall"&gt;&nbsp;&lt;/p&gt;
&lt;p align="left" class="predsmall"&gt;&nbsp;&lt;/p&gt;
&lt;p align="left" class="predsmall"&gt;&nbsp;&lt;/p&gt;&lt;/td&gt;
&lt;td&gt;
&lt;div align="center"&gt;
&lt;embed src="video_me/walker_footfalls.wmv" width="300" height="300" vspace="0" autostart="true" align="top" style="border:2; border-color:#990000"&gt;&lt;/embed&gt;
&lt;a href="windowsmedia.com/download" target="_blank" class="navylink_link"&gt;&lt;br&gt;
If you can't view the video, &lt;br&gt;
upgrade your Windows Media Player here&lt;/a&gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;&lt;/td&gt;
&lt;td background="images/content-background-right-ro.gif"&gt;&lt;img src="images/new-layout-modified_r4_c3.gif" alt="" name="newlayoutmodified_r4_c3" width="139" height="469" border="0"&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="1" height="469" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td width="1024" height="8" colspan="3" rowspan="2" align="left" valign="top" background="images/content-background-extender.gif" border="0" alt=""&gt;&lt;img src="images/spacer.gif" width="150" height="29" align="middle"&gt;
&lt;table width="700" border="0" align="center" cellpadding="0" cellspacing="0"&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;&lt;hr&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&nbsp;&lt;/td&gt;
&lt;td&gt;&nbsp;&lt;/td&gt;
&lt;td&gt;&nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;&nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;&nbsp;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;&lt;/td&gt;
&lt;td valign="top"&gt;&lt;img src="images/spacer.gif" width="1" height="4" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="1" height="4" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;&lt;img name="newlayoutmodified_r7_c1" src="images/new-layout-modified_r7_c1.gif" width="1024" height="3" border="0" alt=""&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="1" height="3" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;&lt;img name="bottomfooters" src="images/bottom-footers.gif" width="1024" height="71" border="0" alt=""&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="1" height="71" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="3"&gt;&lt;img name="newlayoutmodified_r9_c1" src="images/new-layout-modified_r9_c1.gif" width="1024" height="14" border="0" alt=""&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="images/spacer.gif" width="1" height="14" border="0" alt=""&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;map name="m_logoslice"&gt;
&lt;area shape="rect" coords="16,34,132,84" href="index.html" target="_self" alt="" &gt;
&lt;/map&gt;
&lt;map name="m_navbarslice"&gt;
&lt;area shape="poly" coords="690,0,761,0,767,28,690,30,690,0" href="sitemap.html" alt="" &gt;
&lt;area shape="poly" coords="767,-1,860,5,856,31,767,29,767,-1" href="contactus.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="610,1,670,2,669,30,610,33,610,1" href="login.asp" target="_self" alt="" &gt;
&lt;area shape="poly" coords="540,0,605,0,605,32,541,32,540,0" href="videos.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="462,2,535,-2,535,30,452,28,457,0" href="publications.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="374,0,444,0,444,32,374,31,372,0" href="downloads.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="124,-1,215,-1,215,31,124,31,124,-1" href="index.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="282,4,367,0,366,30,284,27,285,4" href="distributors.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="213,-3,283,-3,283,29,213,29,213,-3" href="#" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0027204649_0,280,26,null,'navbarslice')" &gt;
&lt;/map&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;

BELOW IS THE INFO IN THE &lt;HEAD&gt; SECTION:

&lt;script language="JavaScript1.2"&gt;
&lt;!--
function mmLoadMenus() {
if (window.mm_menu_0027204649_0) return;
window.mm_menu_0027204649_0 = new Menu("root",103,20,"Verdana, Arial, Helvetica, sans-serif",14,"#000000","#666666","#ffffff","#cccccc","center","middle",3,0,1000,-5,7,true,true,true,0,true,true);
mm_menu_0027204649_0.addMenuItem("Geriatrics","window.open('geriatrics.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Pediatrics","window.open('pediatrics.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Neurology","window.open('neurology.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Orthopedics","window.open('orthopedics.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Veterinary","window.open('veterinary.html', '_self');";
mm_menu_0027204649_0.addMenuItem("Prosthetics","window.open('prosthetics.html', '_self');";
mm_menu_0027204649_0.hideOnMouseOut=true;
mm_menu_0027204649_0.bgColor='#ffffff';
mm_menu_0027204649_0.menuBorder=1;
mm_menu_0027204649_0.menuLiteBgColor='#cccccc';
mm_menu_0027204649_0.menuBorderBgColor='#999999';

mm_menu_0027204649_0.writeMenus();
} // mmLoadMenus()

//--&gt;
&lt;/script&gt;
&lt;script language="JavaScript1.2" src="mm_menu.js"&gt;&lt;/script&gt;


BELOW IS THE JAVASCRIPT CODE DIRECTLY AFTER THE &lt;BODY&gt; TAG FOR THE mmloadmenus

&lt;script language="JavaScript1.2"&gt;mmLoadMenus();&lt;/script&gt;

BELOW IS THE MPA FOR THE NAVBARSLICE:




&lt;map name="m_navbarslice"&gt;
&lt;area shape="poly" coords="690,0,761,0,767,28,690,30,690,0" href="sitemap.html" alt="" &gt;
&lt;area shape="poly" coords="767,-1,860,5,856,31,767,29,767,-1" href="contactus.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="610,1,670,2,669,30,610,33,610,1" href="login.asp" target="_self" alt="" &gt;
&lt;area shape="poly" coords="540,0,605,0,605,32,541,32,540,0" href="videos.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="462,2,535,-2,535,30,452,28,457,0" href="publications.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="374,0,444,0,444,32,374,31,372,0" href="downloads.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="124,-1,215,-1,215,31,124,31,124,-1" href="index.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="282,4,367,0,366,30,284,27,285,4" href="distributors.html" target="_self" alt="" &gt;
&lt;area shape="poly" coords="213,-3,283,-3,283,29,213,29,213,-3" href="#" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0027204649_0,280,26,null,'navbarslice')" &gt;
&lt;/map&gt;

Denise,
your hotspots on the image map should be better marked. They are overlapping, you should just use the rectangular shape rather than the polygonal. Just an observation.

on line # 133 use the following
<pre id=code><font face=courier size=2 id=code>
&lt;area shape="poly" coords="280,3,362,3,363,29,280,29,280,3" href="#" alt="" onMouseOut="MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0027204649_0,284,29,null,'navbarslice')" &gt;</font id=code></pre id=code>

That should do the trick.

By the way, you can edit your menu by selectiong the area that contains the menu. In your case Distributors, right? and use behaviors panel to do the edit.

Javier

Javier
"I'm a slow learner and I forget fast" grandpa
DW | FW | ASP | HTML | CSS

Edited by - am7555 on 31 Jan 2008 04:47:11

I resolved this issue by removing my style sheet and then adding them in one at a time.
thank you for everyone's assistance, it was extremely puzzling but glad its fixed.