aligning a main menu item right

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:34

aligning a main menu item right - {SOLVED}

Poster: brobesky
Dated: Saturday August 27 2005 - 0:44:28 BST

I have installed the current version of the Milonic style menu and everything, almost, is functioning like I want. However, I have one problem: i want the far right menu item aligned right.

For example:

Code:

Menu 1  !  Menu 2 !  Menu 3                                     Menu 4

Using padding, I am almost able to accomplish this. Unfortunately, since padding seems to be absolute, Menu 4 does not move to the right, or left, when the browser screen is resized.

Is there any way to accomplish this?

Thanks,

Bob

Poster: Ruth
Dated: Saturday August 27 2005 - 22:22:28 BST

You can try inserting a 'blank' item and set percentages for each item. For example, you have 4 items, let's say that a reasonable percentage for each is 15%, which would equal a '60% width' of the particular page area width. YOu could add a blank item which was 40% just before the last item and that would make the menu 100% with that new 4th item shifting your last item all the way over.

Code:

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=10;
orientation="horizontal";
style=menuStyle;
top=10;
aI("status=Back To Home Page;text=Home;url=http://www.milonic.com/;itemwidth=15%;");
aI("showmenu=Samples;text=Menu Samples;");itemwidth=15%;");
aI("showmenu=Milonic;text=Milonic;itemwidth=15%;");
aI("text=&nbsp;;separatorsize=0;itemwidth=40%;headerbgcolor=THE OFFBGCOLOR LISTED FOR ALL THE ITEMS;type=header;");
aI("showmenu=MyMilonic;text=My Milonic;itemwidth=15%;");

}

I used a percantages equal to 100% but you could use pixels for the items if you want the menu a particular width. Also, I used headerbgcolor to make sure that item will always be the same color as the offbgcolor of the menu and type=header so that the mouse will not change when it moves over that area, and separatorsize=0; so that there would be no separator at the end of that blank item.

Ruth

Poster: brobesky
Dated: Sunday August 28 2005 - 0:38:56 BST

Thank you. That worked perfectly.

Bob

Industrial Strength JavaScript and DHTML Menus

aligning a main menu item right - {SOLVED}