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:52
Horizontal menu dropdowns are hidden by the table below it
Poster: Doc-Holiday
Dated: Wednesday March 2 2005 - 14:26:13 GMT
I want to use the menue for a customers webpage, please have a look at http://www.treblebooster.net/test/index.html The drop-down menues are hidden by the table below it, I want the menus to drop down over the table - any ideas or suggestions ?
The index.html includes the frameset parameters, you can easily watch them at http://www.treblebooster.net/test/frameset.txt
Thanks a lot in advance and greetings from snowy Germany
Poster: Ruth
Dated: Wednesday March 2 2005 - 17:56:09 GMT
Greetings from freezing NC,
The menu isn't hiding behind a table, it's hiding behind the frame. The reason for this, which many don't understand, is that when you have frames, it's not like a table layout. For your layout, you have 3 frames, to all intents and purposes you have 3 different browser windows opened and they are 'framed' in one setting. So, what you're trying to do is ask the browser and page kopf.html to open the menu and make it show the submenus in a totally different browser window.
The solution: there are actually two things you can do. This explanation will be a bit long.
First: This menu is designed for use over iframes. I played around with your page/frameset and you can create the same layout using frames [two frames] and an iframe. Iframe is an 'inline frame' so that it is actually part of the page instead of being a different 'browser'. Your main frameset would be
Code:
<FRAMESET COLS="180,*" border="0" frameSpacing="0" frameBorder="0">
<FRAME name=Menue marginWidth=10 marginHeight=0 SRC="menue.html" frameBorder="0" scrolling=no>
<FRAME name=Kopf SRC="kopf.html" frameBorder="0" scrolling=no>
</FRAMESET>
Note that there are only two frames now, your menue frame and the kopf frame. <FRAME name=Menue marginWidth=10 marginHeight=0 SRC="menue.html" frameBorder="0" scrolling=no>
<FRAME name=Kopf SRC="kopf.html" frameBorder="0" scrolling=no>
</FRAMESET>
The menue.html page would need this added
Code:
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="clear.gif" width="1" height="41" border="0"></td>
</tr>
</table>
that would go just above your image toplogo.gif and you'd need to make a clear or transparent.gif [or you can get the clear.gif on my site, I use it on most all of my pages] It is really just a spacer, to make sure the table height is 41px, as some browsers seem to ignore a height put in the table if the table is empty. <tr>
<td><img src="clear.gif" width="1" height="41" border="0"></td>
</tr>
</table>
The kopf.html page would be the page with the iframe and it would be coded like this:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>..:: BSM - Finest Treble Booster ::.. </TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"><!--
COPYRIGHT: Monster IT, Germany
email: info __at__ monster-it.net
www: www.monster-it.net
-->
<META content="MSHTML 5.50.4807.2300" name=GENERATOR>
<style type="text/css">
body{margin:0px}
</style>
</HEAD>
<BODY bgColor=#002142>
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<DIV class=milonic><A href="http://www.milonic.com/">JavaScript Menu, DHTML Menu
Powered By Milonic</A></DIV>
<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>
<script>
function openIFrame(iFrameId,winURL)
{
ifId=gmobj(iFrameId)
ifId.src=winURL
}
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="clear.gif" width="1" height="41" border="0"></td>
</tr>
</table>
<iframe width=100% height="100%" marginHeight="10" marginWidth="0" id=tempiframe src="home.html"></iframe>
</BODY></HTML>
You would of course put in the correct paths for your menu files. The function for the iframe must be there for the menu, then you note that the iframe itself has an src="home.html" which is you home.html page. You'd need to put in the correct path to that page.
<HTML><HEAD><TITLE>..:: BSM - Finest Treble Booster ::.. </TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"><!--
COPYRIGHT: Monster IT, Germany
email: info __at__ monster-it.net
www: www.monster-it.net
-->
<META content="MSHTML 5.50.4807.2300" name=GENERATOR>
<style type="text/css">
body{margin:0px}
</style>
</HEAD>
<BODY bgColor=#002142>
<SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
<DIV class=milonic><A href="http://www.milonic.com/">JavaScript Menu, DHTML Menu
Powered By Milonic</A></DIV>
<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>
<script>
function openIFrame(iFrameId,winURL)
{
ifId=gmobj(iFrameId)
ifId.src=winURL
}
</script>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="clear.gif" width="1" height="41" border="0"></td>
</tr>
</table>
<iframe width=100% height="100%" marginHeight="10" marginWidth="0" id=tempiframe src="home.html"></iframe>
</BODY></HTML>
When you load the main frameset, index.html or whatever it's called, you will get a layout that looks exactly like what you have now and the menu will drop over the iframe, because it is 'inline' i.e. part of the page not a different frame.
Second: There is a function that was created to let one use version 5 with frames. You can get the function and the explanation of its use HERE
The function is down about the 4th post by Hergio. You need to do an indepth reading of it. If you want to use it and have problems, I'll be glad to give you some help. But, you should note, so you understand, though this function will make the menu seem like it's opening the submenus over the frame, it is not. It is using a function called popup, so what is really happening is: the main menu becomes more or less a set of links using a function that calls different menus in a different frame. Because the menus being opened are NOT really submenus, they will not have any of the attributes of submenus. You must position them specifically where you want them to open. If the page is scrolled, they do not move down with the page, they remain where they opened. You also need to have the 3 menu program files [milonic_src, mmenudom, mmenuns4] on every page on which you want the menu to open, just like you had to do with the old version3 of the menu.
Hope that helps. Personally I suggest the iframe, since all the new browsers support that as far as I know.
Ruth
Poster: Doc-Holiday
Dated: Wednesday March 2 2005 - 19:26:47 GMT
Ruth wrote:
Greetings from freezing NC,
The menu isn't hiding behind a table, it's hiding behind the frame. The reason for this, which many don't understand, is that when you have frames ..... <snip>
The menu isn't hiding behind a table, it's hiding behind the frame. The reason for this, which many don't understand, is that when you have frames ..... <snip>
Howdy Ruth,
I don´t want to miss to thank you a lot for your help and suggestions, I´m really overwhelmed about such a detailed and top-notch answer, it´s not usual these days that pros like you spend that much time for a newbie. So thanks again, I will try your I-Frame suggestion tomorrow and will let you know how it will work out.
Doc
Poster: John
Dated: Thursday March 3 2005 - 4:45:09 GMT
Doc-Holiday wrote:
I don´t want to miss to thank you a lot for your help and suggestions, I´m really overwhelmed about such a detailed and top-notch answer, it´s not usual these days that pros like you spend that much time for a newbie.
Doc, you're not a newbie to us (we think a little differently around here). You are simply a new user of our menu system. The Team, all volunteers and menu users like yourself (by the way - we do not work for Milonic), have become flat-out experts at most aspects of the system, especially Ruth and Kevin.
Thank you for the kind words (and pass them around to your friends!). They are most appreciated.
It works !!! Thanks Ruth and John
Poster: Doc-Holiday
Dated: Thursday March 3 2005 - 11:58:06 GMT
Dear Ruth,
I changed the webpage as you suggested and your I-Frame solution worked out from the start. Many thanks again to you Ruth and thanks to John for his kind words.
I will now start to change the menue the way it should look and will let you know when everything is up and running.
Greetings from Germany
Doc
Poster: Ruth
Dated: Thursday March 3 2005 - 12:36:46 GMT
Gutten Tag, wie ghetz [I think, hope I said good day and how are you ]
We'd be please to see the final results. We always like seeing what is done with the menu. Thanks for the kinds words.
Ruth
Poster: Doc-Holiday
Dated: Thursday March 3 2005 - 15:33:21 GMT
Ruth wrote:
Gutten Tag, wie ghetz [I think, hope I said good day and how are you ]
We'd be please to see the final results. We always like seeing what is done with the menu. Thanks for the kinds words.
Ruth
We'd be please to see the final results. We always like seeing what is done with the menu. Thanks for the kinds words.
Ruth
Hi Ruth,
your german isn´t that bad, there are some typos but it´s absolutely understandable
I just uploaded the modified files and you can see the results at http://www.treblebooster.net/test/index.html
Everything is running perfectly and I will start to modify the optics now, the customer want some pictures for the buttons, different colors etc. but I think this will not be a big problem to do and if so, I know now where to ask
So thanks again for your professional help and if you want you can have a look at the current version of the complete customers webpage at http://www.treblebooster.net with the way I fixed the "menue over a frame" problem some days ago .....
Take care
Doc
Poster: Ruth
Dated: Friday March 4 2005 - 15:41:14 GMT
That's a neat idea, the only problem being if someone had popups blocked it might not work. I thought of another solution, not for this frame layout because you don't have enough room at the top, but if you ever get a site where the frame in which the menu resides is say 130px or so high, you can make the submenus all horizontal. There's a menu sample with all horizontal menus, main and subs.
Ruth
Poster: Doc-Holiday
Dated: Friday March 4 2005 - 16:49:29 GMT
Ruth wrote:
That's a neat idea, the only problem being if someone had popups blocked it might not work. I thought of another solution, not for this frame layout because you don't have enough room at the top, but if you ever get a site where the frame in which the menu resides is say 130px or so high, you can make the submenus all horizontal. There's a menu sample with all horizontal menus, main and subs.
Ruth
Ruth
Yeah that´s absolutely right, in times where everyone seems to use Windows XP with SP2 the popup things are turning more and more into a problem, plus the popup menue solution causes problems with some Mac OS versions and musicians often are addicted to Mac´s.
But thanks for the hint with the all horizontal menue, normally I don´t like huge top frames but if it should happen to me someday I will try it.
By the way, I need to contact the MILONIC company because of the registration of the menue, do you have a certain name for me where to ask ?
Poster: Ruth
Dated: Friday March 4 2005 - 19:33:54 GMT
If it's a professional license there's a support contact. If it's for pre-sales questions or such, it would be http://www.milonic.com/contactus.php
Ruth