Menu breaks: centered tableless/div layout &imagemap -solved

nwilcox · Post by **nwilcox** » Thu Feb 09, 2006 9:08 pm

I've got a menu I want pop that is within a div using an imagemap and the menu just pops slammed up to the left side of the browser.

Can anyone assist me on this? Can you not pop the menu items from an image map or can I not wrap the popmenu item in a div?

development link

/ctic/index.html

nwilcox · Post by **nwilcox** » Thu Feb 09, 2006 9:09 pm

sorry about the double post! I can't find a delete button

vikenk · Post by **vikenk** » Thu Feb 09, 2006 9:29 pm

I've tried it out with Firefox and it seems to work fine in Firefox, but not in IE 6. I took a quick look at your code and saw that you're not using a full doctype. You're also using an XML namespace with an HTML doctype. I'm not sure if that is a proper combination. I'm just an amateur, so I may be wrong.

What I *do* know, however, is that if you do not use a full doctype, IE will remain in "quirks" mode and tend to do some funky stuff. Try decalring a full doctype. The proper one for yours would be:

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Using just the first half may not be enough.

This is just a hunch. This may or may not affect the menu, but seeing as it's working in Firefox and not in IE, it's worth a try.

Also, according to Milonic, the menu shouldn't be placed in a <div>.

Hope this helps a bit.

nwilcox · Post by **nwilcox** » Thu Feb 09, 2006 9:36 pm

thanks but that didn't do anything

yeah it looks fine in Firebox but not Opera or IE

I have 2 copies of the menu going now to test my theories

1 withinin a table

1 within a div

both are not working correctly so I'm quite confused. This is the first time I've implemented popmenus off of an image map

nwilcox · Post by **nwilcox** » Thu Feb 09, 2006 10:25 pm

okay I tried the example used here: http://milonic.com/menusample4.php

However, now the menu is just poping all over the place within the menu item. Can I force it to settle down and not move around?

Thanks!

nwilcox · Post by **nwilcox** » Thu Feb 09, 2006 11:57 pm

that option won't work either... I see the documentation saying the optional "1" after the menu uses the x,y coordinates.

I've reverted my code back to the original layout I had. I don't see why this wouldn't work. If I left align the design, everything works great as it is supposed to.

So the issue is centering the design even with just a center tag does not work. I've tested it outside of a table, with a table, with a div, outside of a div and othing works when the imagemap is centered

I need assistance please

nwilcox · Post by **nwilcox** » Fri Feb 10, 2006 4:35 pm

well I was able to fix the issue by using the popmenu offsets:

popup('members','navigationMap',0,80);
popup('members','navigationMap',0,160);
etc

Now, however, how do I keep the imagemap rollover "on" while I'm inside a sub menu?

Thank you!

nwilcox · Post by **nwilcox** » Fri Feb 10, 2006 5:43 pm

well I was SORT OF able to fix that issue by using the onFunction and offFunction to call the rollover scripts for the parent image

HOWEVER! Now I have an issue in IE only that the image rollover flickers briefly. This doesn't happen in Firefox or Opera.

Can this be fixed for IE? Changing timing of something?

And my child submenu turns off the button as soon as I leave the sub, but the parent does't turn the image back on so that is another thing I'll need help troubleshooting

Any help TODAY would be greatly appreciated Milonic Team!!!!!!!!

nwilcox · Post by **nwilcox** » Mon Feb 13, 2006 6:12 pm

are any "Team Members" going to help me on this?

nwilcox · Post by **nwilcox** » Thu Feb 16, 2006 5:57 pm

I'm a bit concerned. Is there another way to get support and answers to my implementation problems?

No Team Members have assisted me with my issue since I've posted my request last week.

Post by **Ruth** » Fri Feb 17, 2006 7:05 am

Hello,

Sorry, I've been away. I just tried to get the page, but it's not available anymore. I'll need to see the page to see if I can figure anything out.

Ruth

nwilcox · Post by **nwilcox** » Fri Feb 17, 2006 3:44 pm

thank you for replying to my request!

here is the new link I'm currently testing on:

http://clients2.serverside.net/ctic/index.asp

2 Issues Are:

-flickering of the over image in the imagemap when I first enter the menu. This only happens in IE and it only happens if you move the mouse over nav button and then down into the menu and back into the nav button quickly. This doesn't happen in FireFox or Opera.

-roll over a child menu in the first menu. Now roll back into the main menu. The main button image state is now gone. I've tried setting onFunction and outFunction on both the main menu and the sub-menu but it simply doesn't turn back on.

Thanks!

Post by **Ruth** » Fri Feb 17, 2006 6:29 pm

Hi,

After some experimenting [functions are not something I do] it seems from what I see some kind of timing issue, as if the offfunction never gets a chance to fire in that Partners item. I tried removing the function from the style section and putting it in all the items, I tried adding it to the submenu for partners. Nothing seemed to work, however, I did find a 'partial' solution. You can try this and decide if it's acceptable because it gives the opposite problem, rather than have the aboutctic not showing it remains showing if the user never goes to some other item than partners or the two items in that partners submenu. That is, if they mouseover partners and then the submenu and then off the menu into the page never going to any other item.

In the submenu for Partners, I put the following in the 1st item. Note that both the off and on function use the same image, the over image.

Code: Select all

aI("text=Sub Menu 1;onfunction=rolloverImage('navigationMap','aboutctic');offfunction=rolloverImage('navigationMap','aboutctic');");

You can take a look and see if that will work for you. It's the only thing I could figure out. The only other thing I can suggest is contacting Milonic and seeing if there is a way to resolve that issue.

Just as a side note, for style I thought it looked OK if I moused off and the overimage stayed, but that's only because it was the first item in the main menu. If you have other submenus to be added for other main items, I think it would look really weird, not stylish at all.

As to the other issue. I just have to say I have no idea. I have to think since it doesn't happen except in IE it's something to do with some function that has to do with windows. It's the only thing that comes to mind. Again, functions are not something I do so I'm kind of lost here.

Ruth

nwilcox · Post by **nwilcox** » Fri Feb 17, 2006 6:44 pm

Hi Ruth,

Thank you for taking the time to try to assist me. I appreciate finally getting some help.

I'll try what you suggest as I'm not quite sure I'm following your text just reading it. I need to change it and see.

WHen you say I need to contact Milonic, what do you mean. I thought Team Members were Milonic?

Thanks again!

Post by **Ruth** » Fri Feb 17, 2006 6:52 pm

Hi,

No we are not Milonic, we are just volunteers who love the menu. Most of us have been playing around with it since the really early beta trials and like helping out.

Sorry about my long explanation, I tend to run on sometimes.

To test what I mean, put that in the submenu as I have it, then

1. mouseover the partners, open that submenu, then mouse back to partners. Everything works as it should, partners keeping the overimage.

2. But, mouseover partners, then into its submenu and directly off the submenu to the page, you'll see the overimage stays. That's because the function is calling the same image on and off, that's the only way I could get it to keep the overimage when you went back to partners.

3. But, if you mouseover any item, other than partners from that submenu, everything is back to normal.

Ruth

nwilcox · Post by **nwilcox** » Fri Feb 17, 2006 6:55 pm

oh wow I didn't realize that! My apologies. I though the Team Members were part of Milonic... boy is there egg on my face!

Does Milonic offer technical support with the menu?

thanks Ruth!

Post by **Ruth** » Fri Feb 17, 2006 8:11 pm

Hi,

Naw, no egg there's too much cholesterol.

Yes, Milonic offers support for licensed professional or above menu users.

http://milonic.com/licensing.php go down to the second one, the Professional and it gives all the things you get. It's pretty reasonably prices, actually I think it's pretty inexpensive for what one gets. By the way, since many misunderstand or possibly don't read in detail, once purchased the menu is for life on the site for which it is licensed, but updates and email tech support are only for the contract year. You can renew at the end of the year at a discount, but after the year, the menu is still yours to use forever, just no updates [you'd only get an unlicensed version if you downloaded] and no email tech support, only the forum which is for free license users, actually, though a lot of licensed users use it for the more 'simple' things, relatively speaking

Ruth

nwilcox · Post by **nwilcox** » Wed Feb 22, 2006 3:44 am

hey Ruth that worked great.

I just created another style for ALL the submenus that have sub menus and did the OVER state for both the ONFUNCTION and the OFFFUNCTION.

It works great! Thanks for the suggestion!

Milonic JavaScript Menu

Menu breaks: centered tableless/div layout &imagemap -solved

Menu breaks: centered tableless/div layout &imagemap -solved

Menu breaks: centered tableless/div layout &imagemap

hello???????

lack of support??

thank you

thank you!

my apologies