Menu bar text changes size when I change browser text.

[ford4]

When I change my web browser text to large or largest, my menu bar text grows and does not look good.

I have it designed for medium text.
I'm using layers.
Any ideas?

http://personalpages.tds.net/~fordijjc/gymfinity.html

Thanks,

Here is my code.

_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;




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

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=85;
orientation="horizontal";
style=menuStyle;
top=169;
aI("showmenu=about;text=About;");
aI("text=Facility;url=http://personalpages.tds.net/~fordijjc/facility.htm;");
aI("showmenu=calendars;text=Calendars;");
aI("showmenu=events;text=Events;");
aI("showmenu=camps;text=Camps;");
aI("showmenu=class;text=Class Schedule;");
aI("text=News;url=http://personalpages.tds.net/~fordijjc/news.htm;");
aI("showmenu=links;text=Links;");
aI("showmenu=programs;text=Programs;");
aI("showmenu=team;text=Team Members;");
aI("text=Contact Us;url=http://personalpages.tds.net/~fordijjc/contact_us.htm;");
}

with(milonic=new menuname("about")){
overflow="scroll";
style=menuStyle;
aI("text=About Philosophy;url=http://personalpages.tds.net/~fordijjc/ ... osophy.htm;")
aI("text=Meet the Staff;url=http://personalpages.tds.net/~fordijjc/ ... _staff.htm;")

}

with(milonic=new menuname("calendars")){
style=menuStyle;
aI("text=August 2005;url=http://personalpages.tds.net/~fordijjc/ ... t-2005.htm;");
aI("text=September 2005;url=http://personalpages.tds.net/~fordijjc/ ... r-2005.htm;");
aI("text=October 2005;url=http://personalpages.tds.net/~fordijjc/ ... r-2005.htm;");
aI("text=November 2005;url=http://personalpages.tds.net/~fordijjc/ ... r-2005.htm;");
aI("text=December 2005;url=http://personalpages.tds.net/~fordijjc/ ... r-2005.htm;");
aI("text=January 2006;url=http://personalpages.tds.net/~fordijjc/ ... y-2006.htm;");
aI("text=Febuary 2006;url=http://personalpages.tds.net/~fordijjc/ ... y-2006.htm;");
aI("text=March 2006;url=http://personalpages.tds.net/~fordijjc/ ... h-2006.htm;");
aI("text=April 2006;url=http://personalpages.tds.net/~fordijjc/ ... l-2006.htm;");
aI("text=May 2006;url=http://personalpages.tds.net/~fordijjc/ ... y-2006.htm;");
aI("text=June 2006;url=http://personalpages.tds.net/~fordijjc/ ... e-2006.htm;");
aI("text=July 2006;url=http://personalpages.tds.net/~fordijjc/ ... y-2006.htm;");
aI("text=August 2006;url=http://personalpages.tds.net/~fordijjc/ ... t-2006.htm;");

}

with(milonic=new menuname("events")){
style=menuStyle;
aI("text=Birthday Parties;url=http://personalpages.tds.net/~fordijjc/ ... arties.htm;");
aI("text=Field Trips;url=http://personalpages.tds.net/~fordijjc/field_trips.htm;");
aI("text=Open Gyms;url=http://personalpages.tds.net/~fordijjc/open_gyms.htm;");
aI("text=Parents Night Out;url=http://personalpages.tds.net/~fordijjc/ ... ht_out.htm;");
}

with(milonic=new menuname("camps")){
style=menuStyle;
aI("text=Flyers Cheer Camp;url=http://personalpages.tds.net/~fordijjc/ ... r_camp.htm;");
aI("text=No Bummer Summer;url=http://personalpages.tds.net/~fordijjc/ ... summer.htm;");
aI("text=Winter Camp;url=http://personalpages.tds.net/~fordijjc/winter_camp.htm;");

}

with(milonic=new menuname("class")){
style=menuStyle;
aI("text=Real Time Availability;url=http://personalpages.tds.net/~fordijjc/ ... bility.htm;");
aI("text=Registration Portal;url=http://personalpages.tds.net/~fordijjc/ ... portal.htm;");
aI("text=Schedules.pdf;url=http://personalpages.tds.net/~fordijjc/ ... g_form.pdf;");

}

with(milonic=new menuname("links")){
style=menuStyle;
aI("text=USA-Gymnastics;url=http://www.usa-gymnastics.org;");
aI("text=WGCOA;url=http://www.wisconsingymnasticsclubs.com;");
aI("text=9.9 Sales;url=http://www.gymsupply.com;");
aI("text=International Gymnast;url=http://www.intlgymnast.com;");
aI("text=Region 4;url=http://www.usa-gymnastics.org/committee/w-reg4.html;");
aI("text=Character Counts;url=http://charactercounts.org/sports;");
}

with(milonic=new menuname("programs")){
style=menuStyle;
aI("text=Flyers Cheer;url=http://personalpages.tds.net/~fordijjc/flyers_cheer.htm;");
aI("text=Gymnastics;url=http://personalpages.tds.net/~fordijjc/gymnastics.htm;");
aI("text=Tumble & Tramp;url=http://personalpages.tds.net/~fordijjc/ ... _tramp.htm;");
}

with(milonic=new menuname("team")){
style=menuStyle;
aI("text=Booster Club By-Laws;url=http://personalpages.tds.net/~fordijjc/ ... y_laws.htm;");
aI("showmenu=cheer;status=Cheer Booster;text=Cheer Booster;");
aI("showmenu=gymnastics;status=Gymnastics Booster;text=Gymnastics Booster;");
aI("showmenu=tumbleandtramp;status=Tumble & Tramp Booster;text=Tumble & Tramp Booster;");
aI("text=Upcoming Events;url=http://personalpages.tds.net/~fordijjc/ ... events.htm;");
}

with(milonic=new menuname("cheer")){
style=menuStyle;
aI("text=Meeting Minutes.pdf;url=http://personalpages.tds.net/~fordijjc/ ... inutes.pdf;");
aI("text=Board Member Contacts.pdf;url=http://personalpages.tds.net/~fordijjc/ ... ntacts.pdf;");
aI("text=Members Contact List.pdf;url=http://personalpages.tds.net/~fordijjc/ ... t_list.pdf;");
}

with(milonic=new menuname("gymnastics")){
style=menuStyle;
aI("text=Meeting Minutes.pdf;url=http://personalpages.tds.net/~fordijjc/ ... inutes.pdf;");
aI("text=Board Member Contacts.pdf;url=http://personalpages.tds.net/~fordijjc/ ... ntacts.pdf;");
aI("text=Members Contact List.pdf;url=http://personalpages.tds.net/~fordijjc/ ... t_list.pdf;");
}

with(milonic=new menuname("tumbleandtramp")){
style=menuStyle;
aI("text=Meeting Minutes.pdf;url=http://personalpages.tds.net/~fordijjc/ ... inutes.pdf;");
aI("text=Board Member Contacts.pdf;url=http://personalpages.tds.net/~fordijjc/ ... ntacts.pdf;");
aI("text=Members Contact List.pdf;url=http://personalpages.tds.net/~fordijjc/ ... t_list.pdf;");
}
drawMenus();

Code: Select all

[slackbladder]

Hi,

I would think that the 'zoom' text feature of most browsers do not obey any css / html font codes - so either design the menu around the 'zoomed' text (less lengthy words) or use images instead.

[Andy]

Hi,

You could try setting the fontsize as static value - i.e. fontsize="12px"; - This way, the font will remain the same regardless of browser text size.

I will look into it though.

Cheers,
Andy

[slackbladder]

HI,

I did a quick test and it only seems to work in IE6 PC (maybe <6)

Firefox and IE5.2 for MAC - the 'text zoom' still alters the font size.

[Ruth]

Hi,

If you set a fixed size font, Interet Explorer will accept that as the font size and it will not allow you to change it with the text size feature of the browser. When the font size is set to a fixed size this is how browsers should react, however, with Mozilla and other browsers - inside their programming - that text size feature seems to be 'linked' to the user style sheet feature which allows a user to override settings by the web designer and set their own. I believe it's to do in particular with those who need bigger size to see.

[I'm not 100% on this since perhaps these browsers will also 'resize' images on command] but, if that isn't possible, then the only way to set the size permanently is to use images that have the text in them.

Ruth