Forums

ADOBE CREATIVE SUITE

This topic is locked

Dreamweaver pop-menu offset

Denise d

Posted 27 Jan 2008 06:02:26

has voted

Vote

27 Jan 2008 06:02:26 Denise d posted:

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'>

Replies

Vince Baker

Replied 27 Jan 2008 14:47:02

27 Jan 2008 14:47:02 Vince Baker replied:

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]

Denise d

Replied 27 Jan 2008 22:32:46

27 Jan 2008 22:32:46 Denise d replied:

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!
<html>
<head>
<title>new-layout-modified.gif</title>
<meta http-equiv="Content-Type" content="text/html;">

<script language="JavaScript1.2">
<!--
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()

//-->
</script>
<script language="JavaScript1.2" src="mm_menu.js"></script>
<style type="text/css">

</style>
<link href="style.css" rel="stylesheet" type="text/css">
<link href="gaitrite_style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#86adce">
<script language="JavaScript1.2">mmLoadMenus();</script>
<table border="0" cellpadding="0" cellspacing="0" width="1024">
<tr>
<td><img src="images/spacer.gif" width="142" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="743" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="139" height="1" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3"><img name="logoslice" src="images/logo-slice.gif" width="1024" height="157" border="0" usemap="#m_logoslice" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="157" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3"><img name="navbarslice" src="images/navbar-slice.gif" width="1024" height="45" border="0" usemap="#m_navbarslice" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="45" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3"><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=""></td>
<td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr align="left" valign="top" background="images/content-background-extender.gif">
<td background="images/content-background-extender.gif"><img name="newlayoutmodified_r4_c1" src="images/new-layout-modified_r4_c1.gif" width="142" height="469" border="0" alt=""></td>
<td width="743" height="469" bgcolor="#FFFFFF" border="0" alt=""><table width="730" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td><table height="482" border="0" align="left" cellpadding="5" cellspacing="5">
<tr>
<td colspan="2"><span class="predsmall"><strong>CIR Systems, Inc. </strong>is the manufacturer of several industrial and medical instruments, including the <strong>GAITRite System</strong>. 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. </span><br>
</td>
</tr>
<tr align="left" valign="top">
<td height="380"><p align="center" class="style9bold"><br>
<span class="gaitrite_title">WHY MEASURE GAIT ? </span></p>
<p align="left" class="predsmall">"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... <em><a href="Products/index.html">Gait assessment </a></em>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." </p>
<p align="left" class="predsmall"> </p>
<p align="left" class="predsmall"> </p>
<p align="left" class="predsmall"> </p></td>
<td>
<div align="center">
<embed src="video_me/walker_footfalls.wmv" width="300" height="300" vspace="0" autostart="true" align="top" style="border:2; border-color:#990000"></embed>
<a href="windowsmedia.com/download" target="_blank" class="navylink_link"><br>
If you can't view the video, <br>
upgrade your Windows Media Player here</a></div></td>
</tr>
</table></td>
</tr>
</table></td>
<td background="images/content-background-right-ro.gif"><img src="images/new-layout-modified_r4_c3.gif" alt="" name="newlayoutmodified_r4_c3" width="139" height="469" border="0"></td>
<td><img src="images/spacer.gif" width="1" height="469" border="0" alt=""></td>
</tr>
<tr>
<td width="1024" height="8" colspan="3" rowspan="2" align="left" valign="top" background="images/content-background-extender.gif" border="0" alt=""><img src="images/spacer.gif" width="150" height="29" align="middle">
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3"><hr></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table></td>
<td valign="top"><img src="images/spacer.gif" width="1" height="4" border="0" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="1" height="4" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3"><img name="newlayoutmodified_r7_c1" src="images/new-layout-modified_r7_c1.gif" width="1024" height="3" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="3" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3"><img name="bottomfooters" src="images/bottom-footers.gif" width="1024" height="71" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="71" border="0" alt=""></td>
</tr>
<tr>
<td colspan="3"><img name="newlayoutmodified_r9_c1" src="images/new-layout-modified_r9_c1.gif" width="1024" height="14" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="14" border="0" alt=""></td>
</tr>
<map name="m_logoslice">
<area shape="rect" coords="16,34,132,84" href="index.html" target="_self" alt="" >
</map>
<map name="m_navbarslice">
<area shape="poly" coords="690,0,761,0,767,28,690,30,690,0" href="sitemap.html" alt="" >
<area shape="poly" coords="767,-1,860,5,856,31,767,29,767,-1" href="contactus.html" target="_self" alt="" >
<area shape="poly" coords="610,1,670,2,669,30,610,33,610,1" href="login.asp" target="_self" alt="" >
<area shape="poly" coords="540,0,605,0,605,32,541,32,540,0" href="videos.html" target="_self" alt="" >
<area shape="poly" coords="462,2,535,-2,535,30,452,28,457,0" href="publications.html" target="_self" alt="" >
<area shape="poly" coords="374,0,444,0,444,32,374,31,372,0" href="downloads.html" target="_self" alt="" >
<area shape="poly" coords="124,-1,215,-1,215,31,124,31,124,-1" href="index.html" target="_self" alt="" >
<area shape="poly" coords="282,4,367,0,366,30,284,27,285,4" href="distributors.html" target="_self" alt="" >
<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')" >
</map>
</table>
</body>
</html>

BELOW IS THE INFO IN THE <HEAD> SECTION:

<script language="JavaScript1.2">
<!--
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');"

Javier Castro

Replied 31 Jan 2008 04:43:48

31 Jan 2008 04:43:48 Javier Castro replied:

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>
<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')" ></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

Denise d

Replied 01 Feb 2008 23:50:19

01 Feb 2008 23:50:19 Denise d replied:

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.

Reply to this topic

Latest Extensions

App Connect Summernote File Upload Upload different files in Summernote Editor
App Connect Summernote Simple, yet powerful and modern WYSIWYG Editor
Bootstrap 4 Dynamic Table Generator 2 Automatically generate dynamic data tables
Bootstrap 4 Dynamic Form Generator 2 Auto generate perfect Bootstrap 4 dynamic forms in seconds
App Connect Bootstrap 4 Dynamic Paging Generator Auto generate awesome dynamic Bootstrap 4 paging in seconds
App Connect Event Calendar The most powerful full-sized event calendar for Dreamweaver
DMXzone App Connect Next generation client side framework for data-driven web sites and apps
DMXzone Database Custom Query Create advanced, complex custom SQL queries with ease

Latest Videos

Using App Connect Autocomplete Learn how to add autocomplete functionality on your page, using the App Connect Autocomplete
Creating Custom SQL Queries Learn how to create custom SQL Queries with DMXzone Database Custom Query
Restricting Access to Your Pages Learn how to restrict access to your pages, using DMXzone Security Provider 2
Adding Log Out Functionality with DMXzone Security Provider 2 Learn how to add log out functionality to your page with DMXzone Security Provider 2
Creating a Log In Page with DMXzone Security Provider 2 Learn how to create a log in page with DMXzone Security Provider 2
Setting Up Site Security Settings Learn how to setup your site security, using DMXzone Security Provider 2
Generating an Update Record Form Learn how to create an update record form, using the Bootstrap 4 Dynamic Form Generator 2
Generating an Insert Record Form Learn how to create an insert record form, using the Bootstrap 4 Dynamic Form Generator 2