Restricted Space for menu

[Gadget Man]

I'm just trying out DHTML Menu and everything has gone well so far. I have used the "All Horizontal Menu" sample as my starting point as this is the style I need.

However I need the menu to appear within a specific cell of a table. I have used the "relative" position to get the main menu displayed in the correct place, but the sub-horizontal menus, due to their length, over run the space I want to use. This is mainly because the sub-menu starts beneath the main menu item.

Please look at http://www.acme-internet.com/master.html to see the problem. With the browser at full screen (1024x768) only the "Community" sub-menu overlaps. Reduce the browser size and the "Topics" menu will overlap. This is because the menu assumes the full width of the browser window as its canvas.

I would like to know if:

I can make the sub-horizontal menu be permanently left-justified. Always starting from the same position as it's parent.

or

If I can tell the menu to not extend beyond the current table cell it is in.

or

as a possible enhancement, to define a visible area either by pixels or percentage that the menu will attempt to use.

Are any of these possible?

Cheers,

Gadget Man

[Gadget Man]

Ok, looked at the docs a bit harder and realised that left was absolute and not relative as it appeared from looking at some of the samples.

All my sub menus now appear hard left and do not over lap.

[Ruth]

I looked at your site, that's a nice setup and use on the menu!

Ruth

[John]

The menu does not show at all in Safari.

[Maz]

Yes and no, if you hold the mouse over the menu area, it comes to life, odd though.

maz

[Gadget Man]

I looked at your site, that's a nice setup and use on the menu!

Thanks Simple approach. However things have moved on a bit and the menu no longer performs the way I would like. I have now been asked to centre the page and fix the width of the table to 755 pixels. This means that I cannot rely on a fixed position for the left-hand side of the menu.

Is there any way I can change this left position based on the current browser width?

Cheers,

Gadget Man

[Maz]

Not sure if I understand the question completely, you could use screenposition="center"; menuwidth="700"; then depending on how you want to place it use itemwidth or set each itemwidth to achieve the correct placement for the submenus.

Regards,
maz

[Ruth]

Well, there's a sample for using screenposition and offsets with some explanations here http://milonic.com/menusample23.php

Ruth

[John]

Ruth, you are now the official 'Site Librarian'

[Gadget Man]

Thanks for this. Been busy so not been able to reply sooner...

you could use screenposition="center"; menuwidth="700";

Yep, got it to work. Although now I've restricted the width the menu wraps and makes it look ugly... I'm gonna review the page layout I think...

Cheers,

Gadget Man

[John]

Seeing some things (and not) that I think are a problem...

1. Move the tooltips JS call to after the _data.js call.

2. On the demo page, I see a blue box, but no menu items in it at all. Running up and down this box brings up sub-menus, but they are pretty well scattered on the page.

3. You're at least 3 versions down-level. Upgrade.

4. You have 2 items called "Main Menu" in separate <td> in your HTML. You can onlu use a name once.

5. I'd move the Main Menu code back into the _data.js file.