Jump to content
Sarah

Pop-up Menus Changing Location!

Recommended Posts

Hello everyone and happy new year!

 

I am making a site using Dreamweaver, using Fireworks for my graphics. I made a navigational bar with some pop-up menus (pop-up maker built into Fireworks), but for some reason my submenus change location!

 

Go here to see the page and read my notes below:

Nav Bar Example

 

This nav bar is simple. There are 6 links, Showroom,Store,Specials,Credit, Directions, and Contact Us. Two links, the Showroom and Store, have pop-up menus underneath them. For purposes of showing the example, only 3 pages are working, the 'Specials.php' page, the 'atv.php' page, and the 'parts.php' page.

 

When you open the page, you will see you are on the specials.php page. I am using PHP to display the white 'over' state depending on which page you are on.

Now, mouseover the 'SHOWROOM' and 'OUR STORE' buttons. See how the menus appear below the buttons? That's how they are supposed to show up.

 

Mouseover the 'SHOWROOM' and click on ATVs. You are at the ATV page, but mouseover the SHOWROOM menu again. See, it changes locations!!!! Do the same for the 'OUR STORE' and click Parts page. Now the other one has returned to normal and the OUR STORE menu acts up.

 

I can't figure out why they are changing like that, unless I'm missing tags or something and it's screwing it up. BTW, I haven't put any closing body or html tags on the pages yet. I am using IE v.6. Any help on this would be appreciated. Thanks!

 

Sarah

Share this post


Link to post
Share on other sites

Basically the code is different.

 

On the specials page you have

><td><a href="#" onMouseOut="MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_1119142920_0,15,25,null,'top_r2_c2');
MM_swapImage('top_r2_c2','','images/top_r2_c2_f2.gif',1);">
<img name="top_r2_c2" src="images/top_r2_c2.gif" width="119" height="25" border="0" alt=""></a></td>
	<td><a href="#" onMouseOut="MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_1119143648_1,15,25,null,'top_r2_c3');MM_swapImage('top_r2_c3','','images/top_r2_c3_f2.gif',1);"><img name="top_r2_c3" src="images/top_r2_c3.gif" width="119" height="25" border="0" alt=""></a></td>
	<td><a href="specials.php"><img name="top_r2_c4_f2" src="images/top_r2_c4_f2.gif" width="119" height="25" border="0" alt=""></a></td>

whilst on the ATV page you have;

><td><a href="#" onMouseOut="MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_1119142920_0,15,25,null,'top_r2_c2');">
<img name="top_r2_c2_f2" src="images/top_r2_c2_f2.gif" width="119" height="25" border="0" alt=""></a></td>
	<td><a href="#" onMouseOut="MM_startTimeout()" onMouseOver="MM_showMenu(window.mm_menu_1119143648_1,15,25,null,'top_r2_c3');MM_swapImage('top_r2_c3','','images/top_r2_c3_f2.gif',1);"><img name="top_r2_c3" src="images/top_r2_c3.gif" width="119" height="25" border="0" alt=""></a></td>
	<td><a href="specials.php" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('top_r2_c4','','images/top_r2_c4_f2.gif',1);">
<img name="top_r2_c4" src="images/top_r2_c4.gif" width="119" height="25" border="0" alt=""></a></td>

Share this post


Link to post
Share on other sites

Andy-

Thanks for the reply. However, I'm not understanding where the error is. The submenu coordinates appear the same. They were unchanged.

 

The only thing that I have changing from one page to the next is the 'swap image' behavior. If you are on the 'specials' page, then it should show up as in the 'over' state and not swap the image, which is working fine.

Share this post


Link to post
Share on other sites

Does anyone see where the error is? Or should I try changing the coordinates?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...