Bug in new versions
Bug in new versions
I've upgraded my DHTML menu from 5.16 to the latest version and I've noted a bug. Take a look at http://www.gfi.com using Mozilla Firefox 1.0 on Windows.
Hover over "Products"... the menu opens up but the subimage wouldn't have loaded, so a placeholder is put in till the image loads. Once the image loads, it leaves a lot of unnecessary space to the right of the image. You can confirm this by closing the menu and reopening it and noticing the difference.
How do I fix this problem please?
The problem only occurs if the image is not in the user's browser cache.
Hover over "Products"... the menu opens up but the subimage wouldn't have loaded, so a placeholder is put in till the image loads. Once the image loads, it leaves a lot of unnecessary space to the right of the image. You can confirm this by closing the menu and reopening it and noticing the difference.
How do I fix this problem please?
The problem only occurs if the image is not in the user's browser cache.
Try 5.7 (keep your 5.691 code, but change to 5.7 temporarily to see if it makes a difference). I've had a similar problem before, but I'm using 5.7 right now and don't notice it.
Another option you can use is to preload the menu images so that they are already in the cache when the menu is first used. Search for preloadmenuimages.js and you'll find several topics in this forum on the subject.
Cheers,
Kevin
Another option you can use is to preload the menu images so that they are already in the cache when the menu is first used. Search for preloadmenuimages.js and you'll find several topics in this forum on the subject.
Cheers,
Kevin
OK thanks. By the way, I tried registering for the newsletter several times hoping to get emailed when a new version is released. It tells me
"Thank You!
Your Account (number xxxxxx) has now been flagged for receiving email based news letters."
But I never got any emails, and I do check the spam quarantines.
"Thank You!
Your Account (number xxxxxx) has now been flagged for receiving email based news letters."
But I never got any emails, and I do check the spam quarantines.
Actually there's still bugs.MUTU wrote:Yes, the problem is fixed here. When is it estimated that this will come out of beta please?
Try http://www.gfi.com/test2.htm on Mozilla Firefox 1.0 and Opera 7.54
Never mind the broken images.
In Firefox, the space is put in after the arrow in the subimage, again.
In Opera, the space is put in as well, but even more worryingly, the submenu does not touch the menu... there's around 50pixels difference in there at least... also, you can see that when you hover over, the onbackgroundcolour turns red/maroon, but on Opera it leaves a 1pixel gray border underneath, which is not reproducible under IE or Mozilla.
It looks like that menu is still using version 5.691.
I've copied that page to http://www.milonic.com/users/gfi/gfi.htm
Seems OK in the browsers you specifed, can you confirm this?
Cheers
Andy
I've copied that page to http://www.milonic.com/users/gfi/gfi.htm
Seems OK in the browsers you specifed, can you confirm this?
Cheers
Andy
Hi,
Sorry you were right about 5.691
It works fine in Firefox, and the image problem in Opera doesn't show up again.
but all other Opera issues i mentioned are still there. check out http://www.gfi.com/testmenus/operaissue.gif to see what i mean.
Sorry you were right about 5.691
It works fine in Firefox, and the image problem in Opera doesn't show up again.
but all other Opera issues i mentioned are still there. check out http://www.gfi.com/testmenus/operaissue.gif to see what i mean.
WHAT ON EARTH IS OPERA DOING
Seems it's taking the marginTop value from the .topMenu class and appending it to all of the sub menus.
This really should not be happening as the sub menus are positioned absolute and should not be affected by any other objects, especially relative objects like <DIV class=topMenu> </DIV>.........Bizarre
I think this is most definitely a bug in Opera. Opera 7.23 is OK so it has appeared after 7.23 - Not exactly sure when this appeared but it's not right.
No other browser is doing this and if you remove MARGIN-TOP: 67px; from .topMenu it's fine.
Is PADDING-TOP: 67px; no good?
Cheers
Andy
Seems it's taking the marginTop value from the .topMenu class and appending it to all of the sub menus.
This really should not be happening as the sub menus are positioned absolute and should not be affected by any other objects, especially relative objects like <DIV class=topMenu> </DIV>.........Bizarre
I think this is most definitely a bug in Opera. Opera 7.23 is OK so it has appeared after 7.23 - Not exactly sure when this appeared but it's not right.
No other browser is doing this and if you remove MARGIN-TOP: 67px; from .topMenu it's fine.
Is PADDING-TOP: 67px; no good?
Cheers
Andy
- fredlongworthhighschool
- Mega Advanced
- Posts: 362
- Joined: Fri Jun 27, 2003 11:34 am
- Location: Manchester, England.
- Contact:
Go to this thread:MUTU wrote:OK thanks. By the way, I tried registering for the newsletter several times hoping to get emailed when a new version is released. It tells me
"Thank You!
Your Account (number xxxxxx) has now been flagged for receiving email based news letters."
But I never got any emails, and I do check the spam quarantines.
http://www.milonic.com/forum/viewtopic.php?t=3108
and make sure you select 'Watch this topic' in the lower (or upper) right corner of this page. You need to be logged in as a registered user to see this option.
You'll then be notified of any changes to the code.
Andy Davis
Web Designer & Smartboard Manager
Fred Longworth High School, Manchester, England.
Web Designer & Smartboard Manager
Fred Longworth High School, Manchester, England.
padding-top: 67px; would make everything gray.Andy wrote:WHAT ON EARTH IS OPERA DOING
Seems it's taking the marginTop value from the .topMenu class and appending it to all of the sub menus.
This really should not be happening as the sub menus are positioned absolute and should not be affected by any other objects, especially relative objects like <DIV class=topMenu> </DIV>.........Bizarre
I think this is most definitely a bug in Opera. Opera 7.23 is OK so it has appeared after 7.23 - Not exactly sure when this appeared but it's not right.
No other browser is doing this and if you remove MARGIN-TOP: 67px; from .topMenu it's fine.
Is PADDING-TOP: 67px; no good?
Cheers
Andy
mind you, the DHTML is not placed inside the div, even though it's positioned on top of it.
I'll make some white padding instead of the margin-top.
Andy, please check out http://www.gfi.com/test2.htm
this looks fine in Firefox and IE
the margin issue is fixed in Opera as well, but any idea what's causing this issue in Opera?
http://www.gfi.com/testmenus/operaissue2.gif
Also, the 1pixel less height difference is still a problem
this looks fine in Firefox and IE
the margin issue is fixed in Opera as well, but any idea what's causing this issue in Opera?
http://www.gfi.com/testmenus/operaissue2.gif
Also, the 1pixel less height difference is still a problem
Ok, fixed myself
changed classMenu to:
.classMenu {
margin-left: 12px;
margin-right: 12px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
vertical-align: middle;
line-height: 14px;
}
only with this combination does Opera yield the results i want. hopefully it's still looking good in the other browsers...
changed classMenu to:
.classMenu {
margin-left: 12px;
margin-right: 12px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: none;
vertical-align: middle;
line-height: 14px;
}
only with this combination does Opera yield the results i want. hopefully it's still looking good in the other browsers...
The only way I can think to have that happen is to have the menu made of images which included what looked like a separator and then use image/overimage with the over image having a separator of that color. When you mouseover the onbgcolor is the item color and doesn't include the separator which is outside the item i.e. separates each item. Hope that made sense
Maybe you could write a function which told it in the mouseon position to eliminate the separator?
EDIT: I use IE5.5 and I get an error and the menu is unusable
'tTipt' is undefined.
Ruth
Maybe you could write a function which told it in the mouseon position to eliminate the separator?
EDIT: I use IE5.5 and I get an error and the menu is unusable
'tTipt' is undefined.
Ruth