Restricted Space for menu

Poster: Gadget Man
Dated: Sunday February 15 2004 - 15:18:25 GMT

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

Sussed It

Poster: Gadget Man
Dated: Sunday February 15 2004 - 16:21:53 GMT

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.

Poster: Ruth
Dated: Monday February 16 2004 - 0:20:32 GMT

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

Ruth

Poster: John
Dated: Monday February 16 2004 - 3:19:40 GMT

The menu does not show at all in Safari.

Poster: Maz
Dated: Monday February 16 2004 - 8:35:24 GMT

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

maz

Thanks - But need some more advice

Poster: Gadget Man
Dated: Wednesday February 18 2004 - 11:11:27 GMT



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

Poster: Maz
Dated: Wednesday February 18 2004 - 17:16:10 GMT

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

Poster: Ruth
Dated: Wednesday February 18 2004 - 18:34:42 GMT

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

Ruth

Poster: John
Dated: Wednesday February 18 2004 - 21:17:43 GMT

Ruth, you are now the official 'Site Librarian'

Poster: Gadget Man
Dated: Saturday February 28 2004 - 20:29:30 GMT

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



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

Poster: John
Dated: Monday March 1 2004 - 2:20:47 GMT

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.