Menu offset to right in small windows.

Poster: kbrowder
Dated: Monday November 7 2005 - 15:35:59 GMT

Greetings all,

Having a small problem with the Corporate menu.

Whenever the site window is made smaller, the menu sitll remains a fixed distance from the left side of the window causing it to disappear on the right.

I have it set for top:center in the menu.

What have I done wrong?

and BTW why two sets of instructions at the top in Corporate when the other one I used only had one set? Not clear? Don't blame me? I'm suffering from "old timers disease"!

Thanks for any help you can give.

The site is here: http://7times.org

Ken

Poster: Ruth
Dated: Monday November 7 2005 - 19:34:55 GMT

That's the size of the menu. It doesn't get smaller just because you make the window smaller. You've got fontsize=8pt, plus bold [which adds width] plus padding=6, plus imagepadding=6 plus subimage padding=2. So in an item that has text, image and subimage, you have, if my math is working, 28 pixels plus however much space the text takes.

As to the two sets of directions, I don't know about that, what two sets? Are the files named differently and have different instructions?

BTW, just for info because I suffer from that also, that old timers disease is called OAS with complications of CRS [Old Age Syndrome and Can't Remember ...[Stuff]

Ruth

Poster: kbrowder
Dated: Monday November 7 2005 - 20:34:44 GMT



Ok. Understood.


Here's top part of menu_data.js:
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;

with(menuStyle=new mm_style()){
styleid=1;
bordercolor="#ffffff";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="8pt";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
image="http://7times.org/menu/menuimages/orangedots.gif";
imagepadding=6;
offbgcolor="#1B2C85";
offcolor="#ffffff";
onbgcolor="#CC6600";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
overimage="http://7times.org/menu/menuimages/whitedots.gif";
padding=6;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#ffffff";
separatorsize=1;
subimage="http://7times.org/menu/menuimages/arrow.gif";
subimagepadding=2;
}

with(submenuStyle=new mm_style()){
bordercolor="#ffffff";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="8pt";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#5871B3";
offcolor="#ffffff";
onbgcolor="#DC9B5B";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#758CC9";
separatorsize=1;
subimage="http://7times.org/menu/menuimages/arrow.gif";
subimagepadding=2;
}


with(milonic=new menuname("Main Menu")){
style=menuStyle;
screenposition="top;center";
-----
Most other menu .js's just have one set of info above the "with(milonic=new..."

I'm using Corporate (I think)


Heheheheh .... I'll TRY to remember those acronyms, but no promises.

Thanks Ruth.

Ken

Poster: Ruth
Dated: Monday November 7 2005 - 22:26:23 GMT

Hi Ken,

Take a look below my name and go to the first link. Then when you get to that page, go to Styling the Menu Part I, II, and III. They are really short just a quick look and explanation about using styles. I made it up for beginners' help. There are some other helpful topics posted in that section also. The styling part will explain about the two 'instructions' which are really two different styles applied to different menus.

Ruth

Poster: kbrowder
Dated: Wednesday November 9 2005 - 15:45:59 GMT



Thanks Ruth. I read those.

After further evaluation, I have found out that IE positions the menu correctly with regard to my web page design.

However, Firefox positions with regard to the actual monitor screen and therefore remains there even tho the page is reduced in width.

the word "position" will not work in the menus, just "screenposition".

Whenever I log on to Milonic with IE, I get problems about javascript not being enabled, but with Firefox it is all right --- and I have javascript enabled in both.

Guess my setup is screwed up. Don't really know what is going on but I guess I can live with it.

Thanks for taking the time to answer.