Relative positioning?

[jumborex]

Sorry guys, but while evaluating the product I got stuck with a positioning problem.

This is the trial page:
http://www.cantodellasfinge.net/versi/menu.html

Menu is set inside a layer, and this is what I need for the site.
I cannot understand why the submenus appear very far from the place where I axpect them.

Code: Select all

_subOffsetTop=10 
_subOffsetLeft=-10

....

with(milonic=new menuname("Giochi in Versi")){
style=menuStyle;
position="relative";
alwaysvisible=1;
....   

Sorry if the question is stupid, but I cannot find a secure explanation inside your site.

[Ruth]

Because the menu doesn't like being in a div, it's made up of divs. Why not set the position using top=113; left=228; and remove the position="relative".

Ruth

[jumborex]

[...] Why not set the position using top=113; left=228; and remove the position="relative".

Ruth

Ok: it is working this way. But of course having all pages in the site made up of a stable part, plus a layer changing every time, the layer solution was more confortable.

I will evaluate, but if sombody has a new solution please post it!

[Ruth]

I'm sorry, someone else would have to help you with that. If you want to somehow attach the menu to the div maybe some javascript function could do that, but I see the div and it has a top and left position and is positioned absolutely so [unless absolute doesn't mean what it means in the outside world???] it would seem that if you set the menu to that position it will always appear at that point.

Ruth

[kevin3442]

The odd positioning will not happen in all browsers... it depends on how the browser calculates the positions of various containers. As Ruth mentioned, putting the menus inside of a div will have different effects in different browsers and is generally not recommended. If you want to do that... and I'm not sure if this'll work... you could try splitting the main menu code (your "Giochi in Versi" menu) away from the rest and load only that into the div. In otyher words, remove the "Giochi in Versi" menu code from the versi_data.js file and put it in another file... say, "versi_main.js". Load only versi_main.js into the div, and load the versi_data.js file in the head, after the ns4 conditional. Might be worth a shot.

Cheers,

Kevin

[jumborex]

Thanks! But unfortunately I'm not so proficient in JavaScript. I fear not being able to try at once this suggestion.

Now I purchased a license, and I will publish the first pages using the absolute positioning.

This page is working with all files in a separate menu, so I'm ready for the real work!

http://www.cantodellasfinge.net/versi/menu2.html

[davebarnes]

I am still confused about how to make relative positioning work.

I have my menu at http://www.atcanewsletter.com/javascrip ... nu_data.js

For me, the code if interest is:

Code: Select all

with(milonic=new menuname("News")){
style=Sub1MenuStyle;
top=224;
left=120;
aI("text=ATCA Vendors;url=/English/Resources/ATCA_Vendors.html;");
aI("text=ATCA in the News;url=/English/News/Ink.html;");
}

with(milonic=new menuname("AboutUs")){
style=Sub1MenuStyle;
top=304;
left=70;
aI("text=Contact Us;url=/English/Miscellaneous/Contact_Us.html;");
aI("text=Search;url=/English/Miscellaneous/Search.html;");
aI("text=Privacy Policy;url=/English/Miscellaneous/Privacy_Policy.html;");
aI("text=Copyright Notice;url=/English/Miscellaneous/Copyright.html;");
}

What I want is to make the absolute values of 224 and 304 both equal to "relative 10". That is, I want each submenu placed 10 pixels down from the top of the main menu image.

Question: How do I do this?

thanks,
dave

[John]

Hey Dave -

If I understand what you're wanting to do (have the sub-menus basically at the top of the page when the main menu is 1/3 of the way down the page) - I disagree with the concept. Please tell me if I got it wrong!

If that is what you want, just take the height of the graphic (80) + the 10 you want and make that your top (top=90;). This isn't really relative positioning.

You'll really have to crank up the _menuCloseDelay value so folks can get to the subs before they close.

[davebarnes]

John,

No.

I want my submenus to be 10 px down (below) their respective main menu image.

I want the menu to look as it looks now (Surf to http://www.atcanewsletter.com) except that I want to use releative postioning instead of absolute.

I want to avoid having to change the submenu postioning values whenever I add/subtract a main menu item.

,dave

[John]

Let's see if I can do any better today, Dave...

These two items...

Code: Select all

_subOffsetTop=10              // Sub menu top offset
_subOffsetLeft=-10            // Sub menu left offset

...control the position of the sub-menus "relative" to the main menu items. Fiddle with these values and see if you get what you want. They can be + or -, as you see.

If that's not it, I'm goin' back home...

[davebarnes]

So, now I think I understand.

Code: Select all

_subOffsetTop=10              // Sub menu top offset 
_subOffsetLeft=-10            // Sub menu left offset

are default positions (as it were).

I added

Code: Select all

left=nnn;

where nnn = the offset in pixels for THIS submenu
to each submenu
and life is good.