Help with JavaScript menu problem (positioning)

Francesca · October 5th, 2003, 12:14 AM

Hello!

I have a problem with a Javascript menu that I have installed on my site.

The problem is the following:
when the webpage containing the menu is resized, the menu (which obviously "floats" over the page) will remain exactly in the position specified by its properties (I created it with a menu editor), rather than reposition itself according to the new size.

So the menu ends up covering other parts of the page and being mostly unusable (unless the page is maximized) and ugly.

I thought I had specified all the relevant options in the menu editor program I used (AllWebMenus), but it doesn't seem to work.

I checked out java menus on other sites and none of them has this problem. So I downloaded one such page and opened it with Dreamweaver to discover that there is a Layer item in the area where the menu appears once loaded... apparently an "anchor" feature which restricts the position of the menu to that particular area.

Obviously I am a real newbie and don't have a clue about how to use these features and make them work for me! But this DIY approach is all I can afford.

Does anyone know how can I create such an anchor for my javascript menu?

Any pointers, comments or info would be greatly appreciated! Thanks!

Francesca

VHockey86 · October 5th, 2003, 12:16 AM

Could you give us a link to the site, that way we can try to fix it ourselves and then explain to you how to do it?

Francesca · October 5th, 2003, 01:13 AM

Thank you so much for responding so promptly.

You can take a look at my problem at this URL:

http://www.spiritfamily.com/testhome-t.htm

I uploaded just the menu with a quick background just to show what I mean... the site is in work-in-progress stage and I haven't put it online yet.

But even like this it should be pretty evident what's happening: just resize the window and you'll see the menu remaining in the same spot and going over the background elements.

You can examine the javascript source at the URL http://www.spiritfamily.com/menus/navbarhoriz.js

Let me know if you need more info, and thanks again.
I'll be very grateful if you can help me fix it!

Francesca

VHockey86 · October 5th, 2003, 05:00 PM

Well with my complete lack of programming knowledge this is what I came up with

Not sure if its what you wanted exactly but i think it works a little better. Basically llayers make stuff a mess in a hurry, a simple table ought to work there.

http://adp.0catch.com/NavTest.htm

srry about the crap at the top, free hosting =(.

Francesca · October 7th, 2003, 02:14 AM

Hey, thanks a lot! Really! I truly appreciate your kind help.

I really didn't think of doing it that way, the thing though is that my original menu had a drop-down submenu (on the 'Products' category), which is not showing up on your example, because basically it's not a javascript item anymore!

but more just images that have "javascript" as link attributes.

Do you know a way to make my Products tab display their dropdown menu again and still remain in place like you had it?

What about layers? Do you know anything about how I could use them to accomplish this goal?

If anyone has further suggestions on this matter I would really be grateful.. Thank you!

Francesca

VHockey86 · October 7th, 2003, 05:42 PM

I can give it a shot

VHockey86 · October 7th, 2003, 05:52 PM

Something like this?
http://adp.0catch.com/NavTest.htm

Francesca · October 7th, 2003, 07:57 PM

Not quite but THANKS anyway; in the meanwhile I fixed the problem the way I wanted -- somebody on another forum pointed me to the information I needed, right there smack dab in the middle of the documentation of my menu editing program.. That entitles me to a big fat Duh! Award I guess

But thanks nonetheless for your efforts, it was really nice to get a response right away by someone trying to help.

Appreciated!

Take care,
Francesca