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:57
Rendering Problems :(
Poster: Nial
Dated: Monday August 21 2006 - 1:16:38 BST
I've been giving the milonic.com javascript drop-down script a try. It's really nice and I'm pretty happy with it. Or rather: most browsers are happy with it.
Here's the problem:
That's fine, I thought. It must just be some strange value in the menu configuration file. It wasn't. Turns out, it's the way I'm wrapping the menu up. On the site layout I have a nice menu bar. It's just a gif file and is layered with a DIV.
Ontop of that, I layer the menu code:
Code:
<div class="topNavBarContainer">
<img src="navBar.gif">
</div>
<div class="topNavBarContents">
<script type="text/javascript" src="milonic_src.js"></script>
<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 type="text/javascript" src="menu_data.js"></script>
</div>
<img src="navBar.gif">
</div>
<div class="topNavBarContents">
<script type="text/javascript" src="milonic_src.js"></script>
<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 type="text/javascript" src="menu_data.js"></script>
</div>
The CSS for topNavBarContents is:
Code:
.topNavBarContainer
{
bgcolor: #fff;
position : absolute;
top : 75px;
left : 40px;
padding: 0px;
z-index : 0;
margin : 0;
}
.topNavBarContents
{
position : absolute;
top : 86px;
left : 55px;
padding: 0px;
margin : 0px;
width: 700px;
font-weight: bold;
}
{
bgcolor: #fff;
position : absolute;
top : 75px;
left : 40px;
padding: 0px;
z-index : 0;
margin : 0;
}
.topNavBarContents
{
position : absolute;
top : 86px;
left : 55px;
padding: 0px;
margin : 0px;
width: 700px;
font-weight: bold;
}
The problem is the absolute position. If I remove it, the menu works perfectly (but is aligned incorrectly). If I keep it, it seems to offset the submenu.
Can anyone help?
Also: how do I go about getting rid of the MILONIC link? I'm willing to pay a registration fee.
Poster: Andy
Dated: Monday August 21 2006 - 12:52:56 BST
Hi,
Can you please confirm the version of menu you are using. In the latest version there is some new code to enable the menu to be better placed inside DIV and Table cells and I'm hopeing it might cure the problem.
With regards the forced MILONIC link, once you have a bought a Pro License you will be able to download a verison of the menu that has this link removed.
Hope this helps,
Andy
Poster: Nial
Dated: Monday August 21 2006 - 18:42:41 BST
Andy: the menu code is the latest (5.7?). I redownloaded it, just to make sure. The problem is still there. I'm very interested in getting this working -- provided I can, I will be purchasing a PRO license.
The test site can be found online at: http://www.ericshapiro.net/SET/
Works in Firefox but Safari and Internet Explorer choke up!
Poster: Andy
Dated: Tuesday August 22 2006 - 12:29:07 BST
Hi,
There are 2 things you can do here.
1. (the easy fix) is to add buildAfterLoad=1; to your menu_data.js file (at the top). The disadvantage of this is that the menu is not available until the page has fully loaded.
2. You need to declare the menu code and sub menus just after the <BODY> tag and only declare the main menu inside the DIV. Note that you'll need to execute drawMenus(); after each set of menus. There's documentation on this here: http://www.milonic.com/tablemenu.php
Hope this helps,
Andy