menu size changing at times

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

menu size changing at times

Poster: famelink
Dated: Friday May 25 2007 - 4:22:36 BST

Hi,

pls check out:
http://www.ultimateglucosamine.com/cons ... duct.shtml

when resizing the browser (ie7), the menu gets smaller and smaller.
Sometimes the menu also changes size when navigating to other pages on the site. quite weird. Any help would be appreciated.

Thanks

Poster: Ruth
Dated: Friday May 25 2007 - 17:27:34 BST

Hi,

The first thing you need to do is upgrade to the newest version 5.774.

To get notified when there is an update to the menu, go to this topic

http://www.milonic.com/forum/viewtopic.php?t=3108

and set the watch this topic link. You will get an email when there is an update.

Ruth

Poster: famelink
Dated: Saturday May 26 2007 - 0:51:57 BST

hi, i just did the upgrade. The issue still remains.
Best way to reproduce:
1. load the page as per the link above
2. resize the browser by grabbing the bottom corner of ie and drag your mouse back and forth.
3. you'll see the menu get smaller and smaller

thx

Poster: Ruth
Dated: Saturday May 26 2007 - 5:47:40 BST

Hi,

Looking at your data file, it looks as if you're trying to place the menu relatively in the table below the top logo.

Try setting it up like this:

1. your menu_data.php file will be

Code:

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()){ 
styleid=1; 
bordercolor="#000000"; 
borderstyle="solid"; 
borderwidth=1; 
fontfamily="Trebuchet MS, Verdana, Tahoma, Arial"; 
fontsize="11pt"; 
fontstyle="normal"; 
fontweight="normal"; 
headerbgcolor="#ffffff"; 
headercolor="#000000";
offcolor="#ffffff"; 
oncolor="#000000"; 
outfilter="fade(duration=0.5)"; 
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
rawcss="padding-top:10px;padding-bottom:5px"; 
separatorcolor="#000000"; 
separatorsize=1;  
} 
with(submenuStyle=new mm_style()){ 
bordercolor="#000000"; 
borderstyle="solid"; 
borderwidth=1; 
fontfamily="Trebuchet MS, Verdana, Tahoma, Arial"; 
fontsize="9pt"; 
fontstyle="normal"; 
fontweight="normal"; 
headercolor="#000000"; 
offbgcolor="#418ED6"; 
offcolor="#ffffff"; 
onbgcolor="#418ED6"; 
oncolor="#000000"; 
outfilter="fade(duration=0.5)"; 
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)"; 
padding=6; 
pagecolor="black"; 
separatorsize=1; 
subimage="white_7x7.gif"; 
subimagepadding=8; 
} 

I have removed the menuwidth=920 and the itemwidth=115. Menuwidth is not a style property, it is a menu property and needs to be in the menu section. Also, since you are placing it in the table, or so it seems, it can't be 920, since the table is only 800.

Next, your menu_draw.php file for the main menu info at the top would be

Code:

with(milonic=new menuname("Main Menu")){ 
alwaysvisible=1;
position="relative";
menuwidth=800;
itemwidth=100;
menualign="center";
orientation="horizontal"; 
style=menuStyle; 

Finally, I added a table cell below the logo in that same table, this way the menu will always be positioned there no matter what the resolution it will remain below that logo in the same position. And, since buildAfterLoad=true; has been added, you would now call all the menu files in that table cell.

Code:

<!--  top logo -->
      <TABLE cellSpacing=0 cellPadding=0 width=800 align=center border=0>
        <TBODY>
        <TR>
          <TD><IMG src="top.gif"></TD></TR>
        <TR>
          <TD>
        <!-- menu -->
        <SCRIPT src="milonic_src.js" type=text/javascript></SCRIPT>
         <SCRIPT src="mmenudom.js" type=text/javascript></SCRIPT>
<!-- The next file contains your menu styles -->
<SCRIPT src="menu_data.php" type=text/javascript></SCRIPT>
<!-- The next file contains your menu links and menu structure etc -->
        <SCRIPT src="menu_draw.php" type=text/javascript></SCRIPT>
        <!-- end menu --></TD></TR>
        </TBODY></TABLE><!-- end top logo -->
      
<BR><BR><A name=what> </A> <!-- paragraph -->

Try that and see if it not only positions the correctly but stops it from shrinking.

Ruth

Poster: famelink
Dated: Tuesday June 5 2007 - 0:50:42 BST

that worked. awesome, thanks!

Industrial Strength JavaScript and DHTML Menus

menu size changing at times