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

New Mozilla problem with version 5.23


Poster: UEBen
Dated: Wednesday June 16 2004 - 18:09:34 BST

URL: http://www.evansville.edu/test/

As you can see with a Mozilla browser, the purple, vertical menu is not retaining either assigned "itemwidth=140;" or "menuwidth=140;" menu properties.

Even assigning each link with a menu item property of "itemwidth=140;" doesn't help.

Am I overlooking something?

Thanks.


Poster: Ruth
Dated: Wednesday June 16 2004 - 19:12:43 BST

Ok, I just tested and put itemwidth=140px; in that wide item, which didn't work. Then I looked for other things that might be interferring and saw in the table for search width=100%; I changed that to 140px, so with that and the wide item having itemwidth=140px; it works in both NN 7.1 and Firefox .07 causing that wide line to wrap.

Ruth


Poster: UEBen
Dated: Wednesday June 16 2004 - 20:45:38 BST

Ruth, thank you for taking a look at this. You're right about the table width and your suggestion works fine, however there are still two things that are bugging me.

Take a look: http://www.evansville.edu/test/

Your suggestions are incorporated into the menu on the right. First, notice that the main menu's subimage arrows aren't lining up flush to the right edge of the menu, like they are with the submenus. I understand why: the submenus don't have a specified itemwidth and thus the text isn't being forced to wrap, however is there anything that can be done about it for the main menu?

It's as if there is padding added to the right of each menu item. The actual size of the menu is/should be 148px (the width of the image), but for some reason it's as if 8 pixels of padding is being added to the right side of each item. Thus, the reason for indicating an itemwidth of 140 instead of 148.

Any ideas about this? It's a bit confusing.

Secondly, it would be ideal to be able to simply specify a width for the entire menu, like with the "menuwidth=" menu property (the itemwidth menu property doesn't seem to work), and not have to provide an itemwidth for each item. That should then fix my original problem with the example menu on the left. Is this something that could be incorporated into the next release?

Regardless, I'm satisfied with how the menu works now and I really appreciate all your help. Any solutions/assistance with the above is simply a bonus!!

Thanks.


Poster: Andy
Dated: Wednesday June 16 2004 - 21:13:46 BST

It's a bug.

Not sure why yet but Mozilla based browsers (everything else is fine) are having trouble with itemwidth.

I'm on the case and should have this fixed soon. Just shows that even with standards, the browsers are still very different in the way they render content :(

Cheers
Andy


Poster: Ruth
Dated: Wednesday June 16 2004 - 21:32:42 BST

As you see, Andy is on the issue. Personally I don't know why they have so-called standards which no browser renders the same anyway. However, that's my pet peeve. As to something you can do now while Milonic works the issue, you have padding=4 so I would guess that you are getting at least 4 pixels at the end in Mozilla browsers even though it should come, I think before the subimage. Anyway. you might try, since you have vertical menus, you might try a rawcss for padding and make the right padding 1 instead of 4. In the global style definition use this rawcss="padding:4px 1px 4px 4px;" Padding as with most things like defining borders, margins etc, goes in a clockwise direction starting at the top....top, right, bottom, left.

Ruth


Poster: UEBen
Dated: Wednesday June 16 2004 - 21:47:31 BST

Ruth wrote:
Personally I don't know why they have so-called standards which no browser renders the same anyway. However, that's my pet peeve.


It's the plight of every web designer, and sometimes it's so frustrating it can make a grown man cry... :cry:


Poster: kevin3442
Dated: Wednesday June 16 2004 - 22:52:24 BST

Hi UEBen,
UEBen wrote:
......notice that the main menu's subimage arrows aren't lining up flush to the right edge of the menu, like they are with the submenus. I understand why: the submenus don't have a specified itemwidth and thus the text isn't being forced to wrap, however is there anything that can be done about it for the main menu?

Hope you guys don't mind me jumping in. I took a look at the right Side Menu and I think I can help with the subimage space issue. This one isn't peculiar to Mozilla-based browsers, because the problem is happening in IE6/Win2k as well. When you want every item in a menu to be the same width, there's no need to specify the itemwidth in every single aI() string. itemwidth can serve as a menu property as well (just as you use it in your other side menu). If you remove itemwidth=140; from each of the aI() strings, and just use itemwidth=140; once at the top of the menu definition, then I think you'll find that the subimages are back to where you want them. In other words, the top of your right Side Menu would look like
Code:
with(milonic=new menuname("Side Menu2")){
style=SideMenuStyle;
top=110;
left=405;
alwaysvisible=1;
followscroll=1;
itemwidth=140;
aI("text=Ruth's Menu Fix;url=/prospec... etc.
...
}

please also note that I changed the name of the menu to "Side Menu2" because it isn't a good idea to have two menus with the same name.

Just another comment about widths. I have found that the menuwidth property is best applied to horizontal menus. To specify the width of a vertical menu, I've found that it's best to leave menuwidth out altogether and just use the itemwidth property, as discussed above.

Hope that helps,

Kevin


Poster: UEBen
Dated: Thursday June 17 2004 - 14:25:36 BST

kevin3442 wrote:
When you want every item in a menu to be the same width, there's no need to specify the itemwidth in every single aI() string. itemwidth can serve as a menu property as well (just as you use it in your other side menu). If you remove itemwidth=140; from each of the aI() strings, and just use itemwidth=140; once at the top of the menu definition, then I think you'll find that the subimages are back to where you want them.


Hi Kevin, thanks for your input. Just to let you know, I've tried every possible combination of all of the "width" properties provided for the Milonic menu and none of them worked (ideally).

I tried your suggestion and it fixed the menu for IE6/Win2K, but it doesn't work for Mozilla browsers: http://www.evansville.edu/test/

The problem is that the text isn't wrapping for the longer menu items - the "itemwidth=140" menu property is not forcing the text for each menu item to wrap. That's why I needed the itemwidth for each menu item, but in providing an itemwidth for each menu item, padding is being added some how to the subimage arrow (and I believe to the entire menu on the right side :?:).

Again, thanks for your input, but I think I'll just need to wait for Andy to fix this little (Mozilla) bug.

- Ben


Poster: Maz
Dated: Thursday June 17 2004 - 17:43:04 BST

I believe the width is forced out by the search box.

Can you try adjusting the search box form item and see if it corrects it?

Thank you,
maz