Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:43

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

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


Thanks :D 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' :!: :D


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

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

maz wrote:
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


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.