Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

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:51

Horizontal menu dropdowns are hidden by the table below...


Poster: ducati
Dated: Thursday March 3 2005 - 17:18:12 GMT

We are trying the menu in our testshop, http://51637.shop05.dandomain.dk/shop/d ... opClosed=1

But the menu opens under the table. ???

Is it possible to have this menu working properly with .asp pages and https: pages as well ???

Also, the majority of our customers are using MAC and Opera / safari browsers. Does it work ??

Help is very apreciated.

Cheers, Ducati


Poster: Ruth
Dated: Friday March 4 2005 - 9:12:07 GMT

Hi Ducati,
Yes, the menu works in Mac. As to the other problem, it is not hiding behind a table, it is hiding behind a frame. Most people don't really visualize what frames are, to most it seems you have one browser and it's just divided, but to all intents and purposes when you use frames, each frame is a different browser window. Yes, they are gathered into one surrounding browser window, but they are each more or less a different instance of a browser. So, in effect what you are trying to do is to tell the menu to open it's submenus in a different browser. You should be able to layout your frames so that one of them has an iframe [inline frame] and the menu will drop over that.

I took a look at the page, and there are solutions. However it's not really easy because you have a very complex layout of nested frames and framesets. I put together this layout for you to try. It uses your page names and such, except I had to make them html, so you'll have to make the changes to asp in the code.

1. Main frameset
Code:
<HTML>
<HEAD>
 
  <TITLE>My Iframe Layout</TITLE>
</HEAD>
<FRAMESET COLS="18,750,1*">
  <FRAME frameborder="0" MARGIN="0" NAME="spaceleft" SCROLLING="No" NORESIZE SRC="space.html">
  <FRAMESET ROWS="60,73%,25">
    <FRAME frameborder="0" MARGIN="0" NAME="spacetop" SCROLLING="No" NORESIZE SRC="space[1].html">
    <FRAME frameborder="0" MARGIN="0" NAME="middleframes" SCROLLING="No" NORESIZE SRC="middleframe.html">
    <FRAME frameborder="0" MARGIN="0" SRC="bottomspace.html" NAME="spacebottom" SCROLLING="No" NORESIZE>
  </FRAMESET>
  <FRAME frameborder="0" name=spaceright src="space[2].html" noResize scrolling=no>
</FRAMESET>

<NOFRAMES>
<BODY>
<P>
</BODY></NOFRAMES></HTML>


2. this is a page that takes the place of the TopMenu, the main, and the search, product, basket [they'll be added later. THis page has an iframe in it, that is where you will put the other frameset with those pages. Althought they are still a frameset, the menu drops over the iframe because it's inline, it seems to ignore the page that is loaded in the iframe, even though they are frames that are loaded. I tried it in IE5.5 and Netscape7.1, Firebird .07 [beta firefox]
Code:
<HTML>
<HEAD>
  <META http-equiv=Content-Type content="text/html; charset=windows-1252">
  <META content="MSHTML 5.50.4807.2300" name=GENERATOR>
  <SCRIPT src="milonic_src.js" type=text/javascript></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 src="menu_data.js" type=text/javascript></SCRIPT>
  <LINK href="SK110_Master.css" type=text/css rel=stylesheet>
  <LINK href="SK110_TopMenu.css" type=text/css rel=stylesheet>
  <style type="text/css">
  body {margin-left:0px;margin-right:0px}
  </style>
</HEAD>
<BODY class=TopMenu marginTop="0" marginLeft="0" marginwidth="0" marginheight="0"><script>
function openIFrame(iFrameId,winURL)
{
   ifId=gmobj(iFrameId)
   ifId.src=winURL
}

</script>
<!--   ***** This is the section of code you need to paste into your web
page *****-->
<TABLE width=600 height="120" cellspacing="0" cellpadding="0" border="0">
  <TR>
    <TD><img src="clear.gif" width="1" height="120" border="0"></TD>
    <TD class=form1></TD>
  </TR>
</TABLE>
<!--
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
-->
<!--
</td>
</tr>
</table>
-->
<iframe width="100%" height="90%"  border="0" frameborder="0" id=tempiframe
src="otherpages_frameset.html"></iframe>

</BODY></HTML>


3. This is the frameset for the pages left out.
Code:
<HTML>
<HEAD>

  <TITLE>Other pages frameset for iframe</TITLE>
</HEAD>
<FRAMESET  ROWS="*,25">
  <FRAMESET COLS="160,*">
    <FRAMESET rows="70px,*,70px">
      <FRAME frameborder="0" name="search" scrolling="no" src="search.html" target="main" noresize>
      <FRAME frameborder="0" name="productmenu" scrolling="auto" noresize src="ProductMenu.html">
      <FRAME frameborder="0" name="basket" scrolling="no" src="Basket.html">
    </FRAMESET>
    <FRAME frameborder="0" name="main" src="frontpage.html" target="main" scrolling="auto">
  </FRAMESET>
 
</FRAMESET>

<NOFRAMES>
<BODY>
<P>
</BODY></NOFRAMES></HTML>


Try that with your pages. You might have to tweak the css files to make sure you have no margin or padding that moves things. I can't remember if I change any of them. Hope this helps.

Ruth

Horizontal menu dropdowns are hidden by the table below...


Poster: ducati
Dated: Friday March 4 2005 - 14:04:28 GMT

Hi Ruth.

Thanks for your reply.

My problem is we have rented the internet shop and have limited access to the asp pages. I have access to a administration system. I also have talked to our supplier and they think it can be done, but don't have the time to do it, even if we want to pay... :evil:

From your answer i have an idea that you have the capability to make this work but i'm not sure i do.... :( But i really could use this menu as it would help us a lot. We have a lot of stuff to tell our customers in a simple and good looking menu instead of having them search the complete site for info.

So, at this moment i don't know what to do... Which direction to take....

If you got a solution i would appreciate this enormously. I believe you have access to my mail address if i should give you further access to our administration system.

Cheers Ducati


Poster: Ruth
Dated: Friday March 4 2005 - 15:15:55 GMT

There is something else you can do, but I don't know if that area where the menu is will always be that high. If that area is going to be that high always, [the TopMenu.asp frame], then change your submenus to orientation="horizontal"; It will then not have to drop behind the frame.

There is only one area that is a problem, that is the review and you can work around that easily enough. Instead of having that menu drop with all those items on one menu, you could put a submenu that will open two other submenus. You would code all the menus as orientation="horizontal"; Then to make sure that Press Release submenu doesn't go off the screen because of all the pictures, you would make two submenus in addition to that one, and limit that one to two items that open the other submenus. I don't know categories, what goes with what so I just did an arbitrary split. Here is what would go in the menu data file, in place of the Press Reviews menu that is there now.

Code:
with(milonic=new menuname("Press reviews")){
margin=3;
style=vertStyle;
top="offset=2";
orientation="horizontal";
aI("text=REVIEW 1;showmenu=review1;");
aI("text=REVIEW 2;showmenu=review2;");
}


with(milonic=new menuname("review1")){
margin=3;
style=vertStyle;
top="offset=2";
orientation="horizontal";
aI("image=TopMenu_files/LKB-FCP-APG5-UK.jpg;text=Final Cut Pro / Express;url=/menuitem/reviews/uemedia.htm;target=main");
aI("image=TopMenu_files/LKB-FCP-APG5-UK.jpg;text=Final Cut Pro / Express, Danish;url=/menuitem/reviews/mediamac.htm;target=main");
aI("image=TopMenu_files/LKB-DVXP-PC-US.jpg;text=Premiere Pro keyboard;url=/menuitem/reviews/macnews.htm;target=main");
}

with(milonic=new menuname("review2")){
margin=3;
style=vertStyle;
top="offset=2";
orientation="horizontal";
aI("image=TopMenu_files/LKB-DVXP-PC-US.jpg;text=Photoshop keyboard;url=/menuitem/reviews/macformat.htm;target=main");
aI("image=TopMenu_files/Logickeyboard-keyset.jpg;text=Logic Audio keyboard / keyset;url=/menuitem/reviews/sonic.htm;target=main");
}


Here'sthe sample for that type menu.

Ruth


Poster: ducati
Dated: Friday March 4 2005 - 15:36:18 GMT

Hi Ruth.

Maybe I can use that. The hight of the topmenu.asp is something i decide, i just made it so high to see if the menu will work in our test shop. You can see the size we use now in our live shop, http://www.logickeyboard.com

But if i chose your version i would have to change the design a little bit.

I'll try the horizontal version for a couple of hours.

Michael


Poster: John
Dated: Saturday March 5 2005 - 7:11:47 GMT

You have removed the copyright info from the _src file. A definite no-no, and needs to be corrected.

Also, please remember to license it.
Quote:
/*

Milonic DHTML Menu - JavaScript Website Navigation System.
Version 5.715 - Built: Monday February 21 2005 - 11:41
Copyright 2005 (c) Milonic Solutions Limited. All Rights Reserved.
This is a commercial software product, please visit http://www.milonic.com/ for more information.
See http://www.milonic.com/license.php for Commercial License Agreement
All Copyright statements must always remain in place in all files at all times
******* PLEASE NOTE: THIS IS NOT FREE SOFTWARE, IT MUST BE LICENSED FOR ALL USE *******

License Number: 1000 for Unlicensed

*/


Poster: ducati
Dated: Saturday March 5 2005 - 9:44:27 GMT

Hi John.

I have placed the copyright info again.

We are trying your menu in our testshop at the moment. I would much prefer to use the vert style but as we are in big problems with that one, i'm trying the horistyle.

If we choose to use one of your menu's we are offcourse going to buy the menu.

Ducati.


Poster: Ruth
Dated: Saturday March 5 2005 - 11:43:11 GMT

Hi Ducati,
Just FYI, did you know there is also a treemenu? That one opens down vertically but the submenus always stay right below. I know that won't work for this layout, but I thought I'd mention it for any layout where you might be able to use a vertical if it opened straight down. That would work in a frameset where it was set in a right or left side frame.

And one other thought on the menu layout you're doing right now. I wondered if you could merge those two top frames and put the menu at the top, though I don't remember if that logo is an image or a background. If an image, the you could merge the frames, shift the image down a few pixels and put the menu over it, then there would be room for the verticals to drop. Just a thought that crossed my mind.

Ruth