WinXP Style Menus and Relative positioning problem

Poster: Aaron
Dated: Wednesday February 25 2004 - 15:40:38 GMT

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.

Poster: sparkstack
Dated: Wednesday February 25 2004 - 15:54:54 GMT

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.

Poster: Maz
Dated: Wednesday February 25 2004 - 16:08:07 GMT

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

Is there a good source for the little icons?

Thanks,
maz

Poster: sparkstack
Dated: Wednesday February 25 2004 - 16:31:28 GMT

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...

Poster: Maz
Dated: Wednesday February 25 2004 - 16:53:50 GMT

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

maz

Poster: Aaron
Dated: Wednesday February 25 2004 - 17:15:20 GMT

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



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.

Poster: Maz
Dated: Wednesday February 25 2004 - 17:20:05 GMT

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

Poster: Aaron
Dated: Wednesday February 25 2004 - 17:27:34 GMT

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.

Poster: Aaron
Dated: Wednesday February 25 2004 - 17:33:34 GMT

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?

Poster: Andy
Dated: Wednesday February 25 2004 - 17:35:23 GMT

A fix is on it's way.

-- Andy

Poster: sparkstack
Dated: Wednesday February 25 2004 - 17:35:32 GMT

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

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

Poster: Maz
Dated: Wednesday February 25 2004 - 17:43:56 GMT

Thanks Andy,

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

maz

Poster: Aaron
Dated: Wednesday February 25 2004 - 18:08:16 GMT

Thanks Andy, when will the fix be released?

Poster: Andy
Dated: Wednesday February 25 2004 - 18:20:37 GMT

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


-- Andy

Poster: Aaron
Dated: Wednesday February 25 2004 - 19:03:04 GMT

Whooo, that fixed it! Very fast!

You're a star Andy!

Poster: sparkstack
Dated: Wednesday February 25 2004 - 19:05:05 GMT

Cheers Andy!

Will give this a try at work tomorrow..

Poster: sparkstack
Dated: Wednesday February 25 2004 - 19:09:27 GMT

Andy,

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

Poster: Andy
Dated: Wednesday February 25 2004 - 19:21:43 GMT

Which link is failing?

Cheers
Andy

Poster: John
Dated: Wednesday February 25 2004 - 19:25:35 GMT

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

Poster: sparkstack
Dated: Wednesday February 25 2004 - 19:35:54 GMT

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

http://www.milonic.com/menuvinfo.php

when i click on the link for:

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

I get a page come up saying:

download not found


jgillett, specific enough for you??

Poster: John
Dated: Wednesday February 25 2004 - 19:40:18 GMT

Yes, thank you.

I just tried that exact link with no problems. The web is sometimes a spastic thing. This morning I couldn't connect to anything, now all is well. Perhaps just a temporary routing problem between you and Birmingham, but the server is working.

:(

Poster: sparkstack
Dated: Thursday February 26 2004 - 9:43:22 GMT

Downloaded the menu this morning (the link works now... odd)
Uploaded the menu to the test page site here

The border problem is now fixed in IE

BUT, when the menu is not in a table, moving the mouse over any part of one of those thumbnail images on the right will make a larger image appear underneath. This is Good.

When the menu is in a table, you have to make sure the mouse is directly over the middle of one of those thumbnail images to make the larger verison to appear. This is Bad.

Andy, any chance of a fix to this too ??

Poster: sparkstack
Dated: Thursday February 26 2004 - 12:43:08 GMT

Update:

I have noticed that if you move the mouse over the thumbnail, move out, then put the mouse back over the thumbnail, the main image will appear.

This happens in both IE6 SP2 and Mozilla FireFox.

Any Ideas?

Poster: Maz
Dated: Thursday February 26 2004 - 18:47:25 GMT

I don't know why when I try your url, I get page cannot be found?

When you say thumbnail you mean an icon? I think of a thumbnail as generated resize.

What I've noticed, maybe my slow connection, hesitation such as overimage onbgimage on menubgimage, probably all those images together. Overimage on menubgimage is faster and a smoother transition.

maz

Poster: kevin3442
Dated: Thursday February 26 2004 - 19:30:27 GMT

Hi sparkstack,

On your tabletest page, when I mouse over a thumbnail, I get an "object expected" error. Offhand, I'd guess that it's because your thumbnail menu item calls the showtip() function, but no such function exists. I'm assuming your intent is to use the tooltips.js module, but it hasn't been loaded into your test page. I'd take care of that, then retest your thumbnail setup and see if the problem you described goes away.

Some other observations from a personal standpoint (and I hope you don't mind). I think the page look pretty cool, and I think your use of the menu to do the thumbnail thing is innovative. Nice job. But... and this is purely my own opinion... I tend not to like it when a site resizes my browser window. Just thought I'd mention it, for what it's worth.

Cheers,

Kevin

Poster: John
Dated: Thursday February 26 2004 - 19:39:54 GMT

Well, that's what I get for looking at the NS4 page - this time you beat me to it, Kevin...

I am definitely on your side with the window resize thing. In fact, I will leave a site that resizes OR moves my window. My desktop is set up a certain way (limited real estate at home), and for somebody else to come in and mess that up is an intrusion. Sorry, spark, but I just don't see a reason for it.

Other than that - very nice presentation.

Poster: sparkstack
Dated: Friday February 27 2004 - 9:09:58 GMT

Maz:
Yes. I mean an Icon. I was having the same "page not found problem" when i tried to access page from home yesterday. although i could see it at work..

Kevin
Yes. I am undecided about the tooltips. They don't seem to work the same as regular windows tootips i.e they will bring up scrollbars on the window if the tip extends outside of the page area.

As for the resize window thing, shouldn't actually be there; best i remove it pronto...


EDIT

Problem now seems to be fixed. Seems to be related to the tootips menu calls...