XP Style Menu

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

XP Style Menu

Poster: NormalGod
Dated: Tuesday June 17 2003 - 4:43:36 BST

I can not seem to get the menu strip to fit the monitor, or line up with the actual menu (that is, they are of different heights).

The site-url is:
http://www.nisk.k12.ny.us/nhs/clubs/for ... index.html

The .js file is located at:
http://www.nisk.k12.ny.us/nhs/clubs/for ... u_array.js

Thanks for any help you can give.

Poster: Andy
Dated: Tuesday June 17 2003 - 22:23:40 BST

I'm not too sure what the problem is so I'm only guessing

It could be font size related, try changing the font size and see if that helps

Cheers
Andy

Poster: NormalGod
Dated: Tuesday June 17 2003 - 23:09:06 BST

I switched around the fonts, but it doesn't seem to have any effect, even using the default one (which works for some reason on the example you have up).

Since the strip also doesn't fit the monitor size, I think it might be related to aligning the brownish background strip. Any way to do that?

Poster: NormalGod
Dated: Wednesday June 18 2003 - 0:13:38 BST

Not that this is a large problem, but when I don't set XPMainStyle to very specific fonts and sizes, a little white bar appears just outside the last header.

This problem is apparent in the downloadable version of the menu also, and those its fixed on the one I have online, any change in the XPMainStyle characteristics will make it reapper.

Although I would like to fix the problem mentioned in my original post first, any advice on this one would be greatly appreciated too.

Thanks.

Poster: NormalGod
Dated: Wednesday June 18 2003 - 0:21:18 BST

P.S.

Those specific menu settings are:

Code:

XPMainStyle=[                 // XPMainStyle is an array of properties. You can have as many property arrays as you need
"000000",                     // Mouse Off Font Color
"EFEDDE",                     // Mouse Off Background Color (use zero for transparent in Netscape 6)
"000000",                     // Mouse On Font Color
"C1D2EE",                     // Mouse On Background Color
"8A867A",                     // Menu Border Color
"15",                         // Font Size (default is px but you can specify mm, pt or a percentage)
"normal",                     // Font Style (italic or normal)
"bold",                       // Font Weight (bold or normal)
"Verdana, Arial, sans-serif, Geneva",   // Font Name
3,                            // Menu Item Padding or spacing
,                             // Sub Menu Image (Leave this blank if not needed)
0,                            // 3D Border & Separator bar
,                             // 3D High Color
,                             // 3D Low Color
,                             // Current Page Item Font Color (leave this blank to disable)
,                             // Current Page Item Background Color (leave this blank to disable)
,                             // Top Bar image (Leave this blank to disable)
,                             // Menu Header Font Color (Leave blank if headers are not needed)
,                             // Menu Header Background Color (Leave blank if headers are not needed)
,                             // Menu Item Separator Color
]

Industrial Strength JavaScript and DHTML Menus

XP Style Menu