Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:08
URL paramter not working with image based menu-why? [solved]
Poster: nwilcox
Dated: Thursday April 20 2006 - 21:32:52 BST
http://clients2.serverside.net/vanwestrum/
Even though I'm setting the URL paramater on my parent menu, none of the menu items are clickable. I can attach submenus and they appear fine but the buttons themselves will not work.
it does work fine if I use plain text with the text atribute. Since this is the newest version install (I just pulled it off the website yersterday) could there be a bug in this version? I'm doing the URL parameter correctly per the documentation and examples on the website.
any thoughts on this?
thanks!
Poster: Migru
Dated: Friday April 21 2006 - 21:07:24 BST
Hi
There are some similar posts like this in the archives:
http://www.milonic.com/forum/viewtopic.php?t=7078&highlight=menu+div
Michael
Poster: Ruth
Dated: Sunday April 23 2006 - 20:12:21 BST
Hi,
The problem is the menu inside a nested set of divs. I just tested your menu, relative positioned in a table and it works fine. I suggest, since it is not recommended that the menu be in a div that do the top down to where the menu is as divs, and then the line with the Corporation and menu on it you make a table sized to that 17px height and then continue the rest as divs below that.
This is the page I made, only with the menu, a surrounding div and a table for the menu. Perhaps this will give you ideas on how to do it.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title><LINK
href="stylesheet.css" type=text/css rel=stylesheet>
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<META content="MSHTML 5.50.4807.2300" name=GENERATOR></HEAD>
<BODY>
<SCRIPT type=text/javascript>
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
</SCRIPT>
<SCRIPT src="menu_data.js" type=text/javascript></SCRIPT>
<div><table border=1 bordercolor="red" cellpadding=0 cellspacing=0>
<tr>
<td style="background-color:#00457c" width="54"><img src="blank.gif" width="54" height="1" border="0"></td>
<td width="184" height="17"><A
href="http://clients2.serverside.net/vanwestrum/"><img src="vw_logo_bottom1.gif" width="184" height="17" border="0"></a></td><td><!--Begin Milonic Menu-->
<SCRIPT type=text/javascript>
with(milonic=new menuname("MainNavigation")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("image=btn_aboutus_up.gif;overimage=btn_aboutus_over.gif;pageimage=btn_aboutus_over.gif;status=About Us;url=http://clients2.serverside.net/vanwestrum/?action=aboutus;");
aI("title=Coatings;image=btn_coatings_up.gif;overimage=btn_coatings_over.gif;pageimage=btn_coatings_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=services;status=Coatings;");
aI("title=Coatable Items;image=btn_coatableitems_up.gif;overimage=btn_coatableitems_over.gif;pageimage=btn_coatableitems_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=products;status=Coatable Items;");
aI("title=Glossary;image=btn_glossary_up.gif;overimage=btn_glossary_over.gif;pageimage=btn_glossary_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=solutions;status=Glossary;");
aI("title=Request A Quote;image=btn_requestquote_up.gif;overimage=btn_requestquote_over.gif;pageimage=btn_requestquote_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=partners;status=Request A Quote;");
aI("title=Site Map;image=btn_sitemap_up.gif;overimage=btn_sitemap_over.gif;pageimage=btn_sitemap_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=sitemap;status=Site Map;"); }
drawMenus();
</SCRIPT>
<!--End Milonic Menu--></td>
</tr>
</table></div></body>
</html>
<html>
<head>
<title>Untitled</title><LINK
href="stylesheet.css" type=text/css rel=stylesheet>
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<META content="MSHTML 5.50.4807.2300" name=GENERATOR></HEAD>
<BODY>
<SCRIPT type=text/javascript>
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
</SCRIPT>
<SCRIPT src="menu_data.js" type=text/javascript></SCRIPT>
<div><table border=1 bordercolor="red" cellpadding=0 cellspacing=0>
<tr>
<td style="background-color:#00457c" width="54"><img src="blank.gif" width="54" height="1" border="0"></td>
<td width="184" height="17"><A
href="http://clients2.serverside.net/vanwestrum/"><img src="vw_logo_bottom1.gif" width="184" height="17" border="0"></a></td><td><!--Begin Milonic Menu-->
<SCRIPT type=text/javascript>
with(milonic=new menuname("MainNavigation")){
style=menuStyle;
alwaysvisible=1;
orientation="horizontal";
position="relative";
aI("image=btn_aboutus_up.gif;overimage=btn_aboutus_over.gif;pageimage=btn_aboutus_over.gif;status=About Us;url=http://clients2.serverside.net/vanwestrum/?action=aboutus;");
aI("title=Coatings;image=btn_coatings_up.gif;overimage=btn_coatings_over.gif;pageimage=btn_coatings_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=services;status=Coatings;");
aI("title=Coatable Items;image=btn_coatableitems_up.gif;overimage=btn_coatableitems_over.gif;pageimage=btn_coatableitems_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=products;status=Coatable Items;");
aI("title=Glossary;image=btn_glossary_up.gif;overimage=btn_glossary_over.gif;pageimage=btn_glossary_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=solutions;status=Glossary;");
aI("title=Request A Quote;image=btn_requestquote_up.gif;overimage=btn_requestquote_over.gif;pageimage=btn_requestquote_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=partners;status=Request A Quote;");
aI("title=Site Map;image=btn_sitemap_up.gif;overimage=btn_sitemap_over.gif;pageimage=btn_sitemap_over.gif;url=http://clients2.serverside.net/vanwestrum/?action=sitemap;status=Site Map;"); }
drawMenus();
</SCRIPT>
<!--End Milonic Menu--></td>
</tr>
</table></div></body>
</html>
I put the table in a div to see if the menu worked in a generic div and it does, so it is the nested divs, relative positioned and absolute positioned that is causing the problem.
Ruth