problem with other menu on page being overlaid by milonic

Poster: wpatters1229
Dated: Wednesday July 12 2006 - 18:52:25 BST

I have a site that has a vertical menu on the left side with some slideout items. I have the milonic menu as a horiz menu along the bottom. When the vertical menu slides out and down and crosses the milonic horiz menu it goes behind the milonic menu and becomes non-functional.
I would like it to go over the top of the milonic menu. Is there a way that can be done with div tags or some other tag or milonic setting?
The vertical menu is actually an include file in an asp page and the menu is build in an html page that is called in the include tag.
The reason for the vertical menu is to control access to the items through code looking for a cookie that is set when login.
I have taken over this site and the vertical menu is complex in it's background functions which I have not completely figured out yet. Am using the milonic menu system everywhere else on the site so it can be dynamic and expandable.

Poster: Ruth
Dated: Wednesday July 12 2006 - 19:59:34 BST

Hi,

Can you give us the page to see what's up? I'm one of those who need to see things and experiment...not much empirical knowledge..so I just test until I find a way to do it.

Have you considered replacing that menu with a Milonic menu? I'm sure that's a licensed version so if it's up to date you might contact Milonic for some help on how to do it.

You can probably do something with divs and z-index for the one on it, but I have to see and experiment to figure it out.

Ruth

re: problem with other menu on page being overlaid by miloni

Poster: wpatters1229
Dated: Wednesday July 12 2006 - 21:11:38 BST

Hi Ruth.
The site is http://www.prtassoc.com and the page is the "tech ref" Log in with "prtassoc" and pw= "bpatterson" no quotes. On the left you will see the vertical menu and at the top and bottom are the milonic menus (header and footer include files). The bottom item on the vertical menu is the one that goes under the milonic menu and then if you try to use that menu it close when the mouse hits the milonic menu. You will see. I could just use a plain text menu with hotspots for the bottom but using the milonic menus allows me to control changes from a central file. I have use the milonic menus at http://www.fragilex.org with great success but the vertical menu here is something I did not build and needs to stay until I can figure it out. I first built a nice vertical menu duplicating this one using milonic but the cookie issue and all was not working so for now I'm keeping the old one.

Poster: Ruth
Dated: Wednesday July 12 2006 - 22:45:11 BST

Hi,

If this is a professional licensed menu you have from Milonic, I think you could contact them for help on how to use those cookies. I know you can do that with the menu, but unfortunately, I don't do js and I'm sure it's some kind of function call that is needed to 'read' the cookies.

Ruth

Poster: Ruth
Dated: Thursday July 13 2006 - 0:27:42 BST

Hi,

OK, there's one way I know to do it, but I'm not real good at divs, so I hope you are!

If you place that side menu in a div and set the z-index:1000 then those submenus will open over the Milonic menu.

The problem is, when I try it using div position:relative which I think you would need, then the submenus down at the bottom go beyond the bottom of the page.

_________________

There's another way since that is a list menu. If you can figure out how to get the listmenu code to be called at the end of the menu in that function that's doing the cookies that will allow you to make it a Milonic menu. And, I'd think since you have it in the cookies function it would have what you need. Now, if there is a basic page which has the menu which then gets changed based on cookies, then maybe you could just put it after the base menu? I have no idea.

You need the listmenu2.js file which you can get here http://www.milonic.com/listmenus2.js


Then you call that file up at the top with the other Milonic files


and then you need to get the following to be after the list menu that gets loaded based on those cookies.


You can see that the buildListMenu uses navmenu as the id of that list, which is that menus id. Finally, you need to put a style in your existing data file that you want this menu to be, and the rest of what you need is coded as it's supposed to be: position:relative;orientation, etc.

I hope that made sense. I'm sorry I don't know anything about functions so I really don't know how to get this into whatever is being used to get the cookies.

Ruth

more on the menu overlap

Poster: wpatters1229
Dated: Thursday July 13 2006 - 21:16:42 BST

I tried the div and z tag but did not do anything. I'm not a big programmer and not sure how to layer things like this. I will have to study the backend code and see how it can be incorporated into milonic so the same functions are possible that are being run in these vertical menus. I have already built all the vertical menus in milonic and they look so much better and have the follow the page running so I just need this last bit.
We learn something every day. Like if it works leave it alone
Thanks for the help.

Poster: Ruth
Dated: Friday July 14 2006 - 0:01:26 BST

Hi,

Just out of curiosity I put z-index:1000 as the last item in each section of the styles in the vert css file. That also made the submenus drop over the Milonic menu.

Ruth

z-index

Poster: wpatters1229
Dated: Friday July 14 2006 - 1:55:51 BST

Didn't think of using it in the css. I used it in the div command. Will have to test this real time and then go do some research on the zindex tag.

The zindex works...thanks ruth

Poster: wpatters1229
Dated: Friday July 14 2006 - 2:03:31 BST

I added it to each css group and then went back and added the milonic menu to the footer include file and your fix works. Go check it out in production. The only think about those menus that I haven't figured out yet and it maybe only in IE but they jump like they are reloading as you move the mouseover each menu item. Not sure what that is all about.

Thanks again

Go here http://www.w3schools.com/css/pr_pos_z-index.asp
I now understand what the z-index is about...not too big on css yet. One problem with code generator software...it does most of it for you. I refer to it as layering but they refer to the function as stack order. Very cool! Another brain cell filled!!

Poster: Ruth
Dated: Friday July 14 2006 - 3:35:28 BST

Hi,

Do you know that at 800x600 resolution, you cannot get to the links on that bottom listmenu submenu? The one with Products and Services as the first item? It drops below the browser window, and you can't get to the browser scroll bar to see the bottom because when you take your mouse off the menu it disappears...

You might try coding that ul for that menu with a style.... <ul style="overflow:scroll;height:90"> When that last item in the menu is moused over and the submenu opens it would be in the same place but it would have scroll bars instead of dropping below the browser window.

Ruth

vertical menu

Poster: wpatters1229
Dated: Friday July 14 2006 - 22:41:54 BST

That works great....more css learning. Now here is a tough one. My client wants the menu to scroll on the page sometimes called follow the window. I know how to do that with the milonic menus but I'm wondering if that can be done with this menu since it is an include call in asp. Some of the pages in this section are long and he just wants the user to be able to see the full menu as they scroll down the page.

Thanks

Poster: Ruth
Dated: Saturday July 15 2006 - 3:24:27 BST

Hi,

You would need to put that menu in a div and make the div scroll down the page. It takes a lot of code. Also, since the code tells you to enter the content of your layer at a particular place, I guess somehow you'd have to get that cookies function to render the menu in the layer.

You can try here for such a layer

However, if you're going to go to that much trouble, I'd think it would be easier to get that function to include the buildListMenus() stuff from milonic which would allow you to use the menus you already have designed for that vertical side.

Do you know how to use the listmenu, creating your own design?

Ruth

build list menu

Poster: wpatters1229
Dated: Saturday July 15 2006 - 19:15:10 BST

No I have never used that. Is there a tutorial? Yes I agree I would rather use the menus from milonic since the ones I built look better.

Thanks...PS how did you get so smart

Poster: Ruth
Dated: Saturday July 15 2006 - 22:29:33 BST

Hi,



I never answer anything I don't know, so I look real good!

Thanks.

OK, here's how the list menu works. It's real good because it means that if you make a bunch of lists so that people who have js disabled can have a menu, you can just use those lists to build your milonic menus.

Oh, and the Milonic menu will be wherever you set the position, it won't just be over the list

You put a list menu on your page, then you call the listmenus.js file as required and yoohoo you have a milonic menu that is built out of the items in the listmenu.

In your download, in the extras folder there is a listmenu folder which has an example.

There is also an example hereshowing how to make multiple menus using multiple lists.

On the pages, the style is placed on the page in script tags, but you could just as easily put that into a style_data.js file and call it up with the milonic program files.

Using list menus means you only code the lists on the page instead of coding menus in the menu_data.js file, but you could also code a menu in the data file and still make menus of lists on the page.

Hope that helps.

ps: one thing I did notice, I'll have to post to milonic, the 1st list menu seems to always be invisible. That's not supposed to happen, you're supposed to have to code it class="milonic" to make it not show up, the list part not the menu.

Ruth