WinXP Style Menus and Relative positioning problem

Aaron · Post by **Aaron** » Wed Feb 25, 2004 4:40 pm

I have a problem with the menus where the border appears mis-aligned when highlighting any of the menus, this only seems to happen when I use position="Relative"; in the menu_data.js file.

To explain better, I've uploaded 2 versions of the menu:

http://www.msfnhosting.com/beta/ - Positioned Relative
http://www.msfnhosting.com/beta2/ - None

I know that my existing table there isn't interfering, because I tested on a very simple html file that had a few lines of text, and positioned the menu underneath, the border was still mis-aligned.

sparkstack · Post by **sparkstack** » Wed Feb 25, 2004 4:54 pm

Well, what a coincidence!!

I have been having the same problems with a page i am testing today. I never noticed it at first because i was testing my page using Mozilla FireFox, but once i tested my page with IE6 the problem with the borders appears.

Also on my page, the mouse has to be in a specific part of the menu item for the sub menu to open.

Sorry i can't help you, but at least your not alone!!

Andy, any reason for this??

Paul.

Maz · Post by **Maz** » Wed Feb 25, 2004 5:08 pm

Can you try onborder & offborder 1px solid #....;
replace borderstyle, borderwidth and bordercolor.

Is there a good source for the little icons?

Thanks,
maz

sparkstack · Post by **sparkstack** » Wed Feb 25, 2004 5:31 pm

on border and off border are the problem, well on my page anyway.

I am in the process of putting up an example page for you all to see...

Maz · Post by **Maz** » Wed Feb 25, 2004 5:53 pm

I think that might have meant onborder offborder is the solution, but I'll wait and see.

maz

Aaron · Post by **Aaron** » Wed Feb 25, 2004 6:15 pm

I already have onborder and offborder in the code, removing it or changing colours doesn't fix it.

Code: Select all

with(XPMainStyle=new mm_style()){
onbgcolor="#C1D2EE";
oncolor="#000000";
offbgcolor="#EFEDDE";
offcolor="#000000";
bordercolor="#8A867A";
borderstyle="solid";
borderwidth=1;
separatorcolor="#EFEDDE";
separatorsize="2";
padding=3;
fontsize="75%";
fontstyle="normal";
fontweight="normal";
fontfamily="Verdana,Tahoma,Helvetica,Arial";
subimagepadding="2";
onborder="1px solid #316AC5";
offborder="1px solid #cccccc";
}

Something is budging the border down-right by about 1 pixel or something on mouseover, and only happens in IE like sparkstack says.

The source for the icons were done by me. I made screenshots of my icons in Windows XP, then made them transparent in Fireworks.

Maz · Post by **Maz** » Wed Feb 25, 2004 6:20 pm

I'm saying the conflict may be borderstyle, borderwidth and bordercolor, try removing them, you don't need them with onborder and offborder. Most likely this is just temporary but it might solve the problem.

maz

Aaron · Post by **Aaron** » Wed Feb 25, 2004 6:27 pm

Tried that, it removed some of the borders I had surrounding the menu itself (which I want to leave there), and made the border (when highlighting one of the menus) a lot worse, by about 3 pixels or so.

Aaron · Post by **Aaron** » Wed Feb 25, 2004 6:33 pm

maz, if you can, could you download menu sample 12, add position="relative"; to menu_data.js, and the problem will be visible in IE. It might be easier for you to figure out what the problem is?

Post by **Andy** » Wed Feb 25, 2004 6:35 pm

A fix is on it's way.

-- Andy

sparkstack · Post by **sparkstack** » Wed Feb 25, 2004 6:35 pm

Guys, gotta dash, but here is my test page...

http://www.conisbee.co.uk/tabletest.htm

Maz · Post by **Maz** » Wed Feb 25, 2004 6:43 pm

Thanks Andy,

I tried to narrow it down, hope you also saw my post "Menustyle" on 3D, separators and imagepadding. Mac of course

maz

Aaron · Post by **Aaron** » Wed Feb 25, 2004 7:08 pm

Thanks Andy, when will the fix be released?

Post by **Andy** » Wed Feb 25, 2004 7:20 pm

It's already up - version 5.04 - http://milonic.com/menuvinfo.php

-- Andy

Aaron · Post by **Aaron** » Wed Feb 25, 2004 8:03 pm

Whooo, that fixed it! Very fast!

You're a star Andy!

sparkstack · Post by **sparkstack** » Wed Feb 25, 2004 8:05 pm

Cheers Andy!

Will give this a try at work tomorrow..

sparkstack · Post by **sparkstack** » Wed Feb 25, 2004 8:09 pm

Andy,

when i click on the link for the latest version, i get a download not found message on the screen....

Post by **Andy** » Wed Feb 25, 2004 8:21 pm

Which link is failing?

Cheers
Andy

Post by **John** » Wed Feb 25, 2004 8:25 pm

I just did another download with no problems. Please be specific when you provide the failing link info Andy requested.

sparkstack · Post by **sparkstack** » Wed Feb 25, 2004 8:35 pm

Andy, the link i am trying is the one from this page:

http://milonic.com/menuvinfo.php

when i click on the link for:

http://milonic.com/download.php?version=Latest

I get a page come up saying:

download not found

jgillett, specific enough for you??