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:09

max width on vertical menus?

Poster: flii
Dated: Thursday September 25 2003 - 14:53:13 BST

i looked through the options i had for the menu on the milonic reference pages, and i did see an image width, but i'd like to set the maximum width for my vertical menu. anyone know if this is possible (and i just missed it), or is this not a feature?

thanks. :)

Poster: John
Dated: Thursday September 25 2003 - 15:04:22 BST

Did you try itemwidth, or possibly overallwidth?

Check all the properties on the main site.

Poster: flii
Dated: Thursday September 25 2003 - 15:25:50 BST

neither of those seemed to work, even for a "set absolute width" style. i don't care what size of font people view my page in, but the menu has to be at most X %/px wide or the rest of my page will be out of place. setting the max width of the menu would fix it, but unless i goofed up those two properties, they're not what i want. actually i saw no change at all, even when i set them to be smaller than my menu is naturally.

i put both <itemwidth="60px";> and <overallwidth="60px";> (one after the other - not at the same time) in both my style and menu areas and couldn't see a difference. i saw no description for the overallwidth, but it sounded to me like it would set a certain width, which isn't what i want. the itemwidth property is only used for horizontal menus (at least according to the reference, which i did read before posting), not for vertical, which mine is.

did i completely misunderstand what you suggested? if not, any other ideas? thanks!

Poster: flii
Dated: Thursday September 25 2003 - 18:09:46 BST

i'll ask here since i didn't want to start a new topic, but do you also know how to change the cursor when hovering over a menu header and unlock more prefs dealing with the styling? i'd like to use headers, but my headers are links as well and the mouse turns into a text cursor instead of the hand. you'd never guess they were links. i'm trying to get an effect like lavasoft, except without graphics.

i thought maybe having something like this would allow me set prefs for both headers and regular items, but it didn't work.

> for the main declaration:
with(milonic=new menuname("Main Menu")){

> for the header, to try to change the style

*crosses fingers*

Poster: Hergio
Dated: Friday September 26 2003 - 1:48:10 BST

Itemwidth should work fine for you, lets see here. You can specify item width in the styles OR in the menu items individually. If you put it in your styles, any menu that includes that style will be the width wide. If you have any text that is longer than the itemwidth, the text size will take presidence over the itemwidth, i believe. I would recommend putting it into each menu Item (aI("text=....;url=....;itemwidth=75px;"))
It will work for both horizontal and vertical menus. In horizontal menus, each item will be the width specified, regardless of its neighbors. But in vertical menus, lets say you set each item to be have different itemwidths, the menu as a whole will take the size of the largest itemwidth (or largest menu item if text makes it that way). If you have long text, make sure you force a line break in there.

Regards to your headers problem. Looking over the properties of the menu, I dont see the ability force the cursor to change. I dont see it as an extremely tough addition to the menu, and Andy may very well already implemented it into the menu. But as of right now, I don't see the ability to do it...yet. I know you cannot set styles on a per item basis but you can set alot of different properties per item. Check out and you will find numerous properties to change to get your 'headers' looking differently and still clickable. Dont make them type=header anymore, just change their style in the aI() function.

Hope this helps.