Position Help Needed

Poster: bmarlin
Dated: Friday April 4 2008 - 18:27:21 BST

I have tried the two solutiuons Ruth posted by I am not able to get the menu to center in Firefox. Can someone please help me!!! The url is http://www.igdglass.com

Re: Position Help Needed

Poster: John
Dated: Friday April 4 2008 - 18:42:52 BST

First you need to upgrade to the current version, v5.792 (you're 5 version down). Then we'll go from there.

Re: Position Help Needed

Poster: bmarlin
Dated: Friday April 4 2008 - 18:44:39 BST

What is the quickest and easiest way to upgrade?

Re: Position Help Needed

Poster: John
Dated: Friday April 4 2008 - 19:07:39 BST

Go to http://www.milonic.com/menuvinfo.php and click on the link under the 5.792 box at the top of the page. You will need to log in over there - note that it's a different login than for the forum (unless you made it the same).

Re: Position Help Needed

Poster: bmarlin
Dated: Friday April 4 2008 - 19:36:56 BST

OK. I did the update but I still need help with getting the menu to align the same in firefox as it does in ie

Re: Position Help Needed

Poster: Ruth
Dated: Friday April 4 2008 - 21:40:23 BST

Hi,

Add this right below your menuStyle style



Then change your main menu coding to



The reason for the new style for the main is that I don't know what the menubgcolor being set would do to the submenus.

Ruth

Re: Position Help Needed

Poster: bmarlin
Dated: Friday April 4 2008 - 21:49:46 BST

Is this the correct code as per your instructions? The menu has lost formatting http://www.igdglass.com

fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
buildAfterLoad=true;




with(menuStyle=new mm_style()){
mainStyle=new copyOf(menuStyle);
mainStyle.menubgcolor="#FDF602";
bordercolor="#313131";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
headerbgcolor="";
headercolor="";
offbgcolor="#FDF602";
offcolor="#000000";
onbgcolor="#313131";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
//overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=8;
menubgcolor="#ffffff";
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#000000";
separatorsize=1;
subimage="/menu/arrow.gif";
subimagepadding=2;
}

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
position="relative";
//left=10;
orientation="horizontal";
//style=menuStyle;
style=mainStyle;
//top=10;
menualign="center";
menuwidth='100%';
aI("text=Home;url=/;");
aI("showmenu=Products;text=Products;");
aI("showmenu=InfoCentre;text=Info Centre;");
aI("text=Branch Locator;url=locator.shtml;text=Branch Locator;");
aI("text=Monthly Specials;url=/forms/current_vision_flyer.pdf;target='_blank';text=Monthly Specials;");
aI("text=About Us;url=about.shtml;text=About Us;");
aI("text=Join IGD Us;url=join.shtml;text=Join IGD;");
aI("text=Contact Us;text=Contact Us;url=general_contact.shtml;text=Contact Us;");
aI("showmenu=Online Ordering;text=Online Ordering;");
}

Re: Position Help Needed

Poster: Ruth
Dated: Friday April 4 2008 - 22:59:56 BST

Hi,

You forgot to add the mainStyle code. It would be like this, starting from the separatorcolor in you menuStyle and ending at the line before the first aI string in the main menu.



Ruth

Re: Position Help Needed

Poster: bmarlin
Dated: Friday April 4 2008 - 23:56:43 BST

Ruth,

I really appreciate all you help. I changed the code like you said but it is still showing to the left in Firefox. I changed menualign="center"; to menualign="left"; as I want the home button to be aligned to the left. IS there any files are FTP access I can give you to help further?

Re: Position Help Needed

Poster: Ruth
Dated: Saturday April 5 2008 - 1:23:11 BST

Hi,

You either can aligned to the left or to the center or to the right. You can't align an item by itself, making one item be at the left and the rest at the center. If what you mean by 'center' is you want the items to spread out in that div so they are the full width of the div, then that is the menu and item widths, it has nothing to do with aligning the menu.

So, if that is what you mean by 'center' then you can eliminate that mainStyle section I gave you, put back the menuStyle into the main menu instead of style= mainStyle that is go back to your original data file before the changes. Then in the mian menu you'd set the following



That will make the whole menu be as wide as that div. If you want the 'home' item separate from the rest and have it left and the rest centered, then you have to create different menus and set up a table in that div with 1 row and 2 columns, put the home 'menu' in the 1st column with the width set and then but the other menu in the second one and do menualign='center'; and menuwidth='100%' and the menubgcolor stuff. That is use the mainStyle thing in that second menu.

Ruth