Font size smaller on top level than on drop downs

Poster: jwsherman
Dated: Saturday August 12 2006 - 8:34:44 BST

Using latest Version 5.753, on one page -- http://www.riverganga.org/index.shtml -- the font size is smaller on the top level menu than on the drop downs. I just can't see any difference.

Poster: Ruth
Dated: Saturday August 12 2006 - 19:33:22 BST

Hi,

I'm not seeing a difference on IE5.5, but I do see it's smaller on FF on the web. The problem is when I download it and view it on my system it doesn't do that so I don't have a way to fiddle and figure out what's doing it.

From the top of my head I'd say it's something to do with the fontsize="75%"; in the menu_data.js and the css file font sizes. The main is probably picking up the font size for that div and reducing it. The subs are probably taking some other fontsize. I don't really know how to explain it clearly since I don't do programming, but I know that in effect all the menus are actually their own separate menus. You can make every one of them a visible main menu, or if you don't then they will 'link' to the main menu item that opens them. So, I'd hazard an extrapolation here that the submenus are not really 'in' the div, like the main is, so they are picking up some other font size. Probably the font-size:14px from someplace and using that to reduce.

I hope that made sense. And, take it with a grain of salt since I don't really know if that's what is happening, it's just what seems logical

I'd suggest you try setting a fixed font size in the menu_data.js file instead of a % and see if that fixes it. IF you want it to be 75% of 12px, maybe you want to set it at 10px?

Ruth

That did the trick

Poster: jwsherman
Dated: Saturday August 12 2006 - 22:29:19 BST

Thank you Ruth, that did it. It took a couple of tries to find how actually to specify the fixed font size (fontsize="12px"), but all is well now.

Thanks again,
John

Poster: Ruth
Dated: Sunday August 13 2006 - 0:54:28 BST

Hi John,

Just for your information, px is the default in the program.

You can specify sizes in two ways

fontsize="12px";
fontsize=12;

menuheight=300;
menuheight="300px";

So, when you are using sizes, if you are going to use px you can either use the property=number; with no quotes, or if you do property=number+px or em pts etc for fonts, then you must use quotes property="number+unit type";

Hope this helps.

Ruth