Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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:21
word wrap in menu
Poster: Jessop
Dated: Sunday March 9 2008 - 17:56:50 GMT
Other than using a graphic as the button how do you stop the menu from word wrapping when someones using a strange size screen or has IE sized strangly? I can dupicate this if my IE window isn't full screen or i change my screen size to 800x600? Thanks in advance and have a great day.
Working Menu:
Attachment:
Menu Working.JPG
Bad Menu:
Attachment:
Menu Error.JPG
Re: word wrap in menu
Poster: Ruth
Dated: Monday March 10 2008 - 6:54:32 GMT
Hi,
There is a style and an item property called nowrap. In the style for that menu use nowrap="on";
You can also do it the old fashioned way using non breaking line space code instead of putting a space between word and symbols
Code:
So that pick up and go thing would be
Code:
text=PickUp -n- Go;
But, I think the nowrap would be easier
Ruth
Re: word wrap in menu
Poster: Jessop
Dated: Monday March 10 2008 - 12:48:10 GMT
I tried the nbsp first since i found that by searching the forum you can see that below:
I just tried the nowrap do i have it in the wrong place?
Code:
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
top=165;
left=160;
itemheight=21;
itemwidth=110;
orientation="horizontal";
style=menuStyle;
menualign="center";
position="relative";
menu="nowrap";
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;text=Home;url=http://century-banquetcenter.com;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;text=Calendar;url=http://www.american-polishcenturyclub.com/calendar/default.asp;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=Weddings;text=Weddings;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=Funerals;text=Funerals;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=Showers;text=Showers;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=Corporate;text=Social;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=AboutUs;text=About Us;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=PickUpNGo;text=PickUp -n- Go;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=ContactUs;text=Contact Us;");
}
alwaysvisible=1;
top=165;
left=160;
itemheight=21;
itemwidth=110;
orientation="horizontal";
style=menuStyle;
menualign="center";
position="relative";
menu="nowrap";
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;text=Home;url=http://century-banquetcenter.com;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;text=Calendar;url=http://www.american-polishcenturyclub.com/calendar/default.asp;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=Weddings;text=Weddings;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=Funerals;text=Funerals;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=Showers;text=Showers;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=Corporate;text=Social;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=AboutUs;text=About Us;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=PickUpNGo;text=PickUp -n- Go;");
aI("align=center;bgimage=/menuimages/itemblue.gif;overbgimage=/menuimages/itemyellow_on.gif;showmenu=ContactUs;text=Contact Us;");
}
Re: word wrap in menu
Poster: Ruth
Dated: Monday March 10 2008 - 14:07:39 GMT
Hi,
Yes, you have it in the wrong place. The menu has properties that belong to different areas. Below my name are links to 3 areas, style, menu and item properties. So, if the property is a menu property, it goes in the menu, like top, left, etc. Style properties go into the style and will apply to all menus and their items that use that style, item properties are placed directly in the aI string for the item. If you cross reference the lists you'll see that some properties can go in all areas, some in one and some in two.
Nowrap is a style or item property, not a menu property.
Ruth