Safari compatibility with Menu Sample 18 [resolved]

amanda · Post by **amanda** » Mon Apr 16, 2007 6:05 pm

I would like to create a menu using all images based on Menu sample 18, "Menus built
entirely from images". I noticed that when look at
http://milonic.com/menusample.php?sampleid=18
in Safari, on my Mac, that there is a small break between the images. This does not
appear when I use Firefox.

Is there a fix for the break? I cannot see any reason in the code for it not to display
properly.

Thanks!

drewbacca · Post by **drewbacca** » Thu Apr 19, 2007 7:09 pm

I'm having the exact same problem! I have an anxious client on my hands and I've already
paid for a license for the code. Please help!

The 1-pixel gap appears to the right of each image in my horizontal menu in Safari.

amanda · Post by **amanda** » Thu Apr 19, 2007 7:41 pm

I just rebuilt my menu from the start and it looks great in all browsers.

Try starting with Template 89 instead,
http://milonic.com/menusample.php?sampleid=89

It is better to set the text in the menu and use a background image, instead of an
image for both, for search engine reasons and so that users that change the text size
from the View option in their browser, will also change the size of your menu text too.

I hope this helps!

drewbacca · Post by **drewbacca** » Thu Apr 19, 2007 7:43 pm

Thanks. I fixed it by rolling back to a previous version of the code that I bought.

Definitely is a bug, though, that Milonic should fix.

Thanks for your help.

Post by **Ruth** » Thu Apr 19, 2007 10:44 pm

Hi,

I've reported this, but since you have a professional license you might
want to also report it. Have you tried the pre-release version 5.773? There
was a fix as to the pageimage, but perhaps that also fixed the other
problem. I have no way to check without a Mac

Ruth

nwilcox · Post by **nwilcox** » Wed May 09, 2007 7:36 pm

any reply on this Ruth

I'm also having the same issue in Safari as well with my new menu layout!

Post by **Ruth** » Wed May 09, 2007 11:23 pm

Hi,

I don't have safari so I cannot test and try and figure the problem. I would
have to guess it's something to do with padding or maybe separators. Can you give
me your page. I can't test but I can look and see if I can figure out what might
cause such a problem and then you could test to see if any suggestions fix it.

Ruth

nwilcox · Post by **nwilcox** » Thu May 10, 2007 3:11 am

http://clients2.serverside.net/optiform/

here is the link to view in Safari

Not only is there that weird spacing between the images, but the menus are popping
behind the Flash movie and I've already set wmode=transparent.

Both of these issues are only happening in Safari, all other browsers look great.

Thanks Ruth!

I can send you a screen capture if you need me to get one.

Post by **Ruth** » Thu May 10, 2007 4:25 am

Hi,

Since I don't have Safari, I will need a screencapture to see what you are seeing. Then
I'll take a look at the page, css, and data file to see if I can find something that might
cause that in Safari.

Ruth

nwilcox · Post by **nwilcox** » Thu May 10, 2007 2:42 pm

hi Ruth

Here is a screen capture:
http://clients2.serverside.net/optiform ... navbar.pdf

Post by **Ruth** » Thu May 10, 2007 7:00 pm

Hi,

It's giving me page not found

Ruth

nwilcox · Post by **nwilcox** » Thu May 10, 2007 7:03 pm

I'm retarded! I mistyped the link

Try this one:

http://clients2.serverside.net/optiform ... navbar.pdf

Post by **Ruth** » Thu May 10, 2007 8:24 pm

Hi,

OK, that screenshot shows what looks to be separators. I realize you have
them coded as 0 but that's what they look like, and you have
separatorcolor="#ffffff"; and that is the color those spaces look also.

So, try the following

1. try putting separatorcolor="";
2. if that doesn't work, try making it "transparent"; but I don't think that
works with separators since they are a menu property and not something in css.

3. Try separatorpadding=0;

4. try adding separatorwidth=0;

5. If none of that works, try blocking out the separator code altogether in that main
menu by putting // in front of the separator properties.

Let me know if any of this works. I'll continue looking for other things I think
might be the problem

Ruth

VT-Vincent · Post by **VT-Vincent** » Thu Jun 21, 2007 8:27 am

I'm experiencing the same issue the original poster mentioned

I have tried Ruth's suggestions, but I am still seeing the same 1px gap on
the right side of each image. This behavior shows up in both Safari 2.0 on
my Mac, and Safari 3.0 Beta on Windows. Has anyone come across any
solutions to this issue?

Post by **Ruth** » Thu Jun 21, 2007 9:13 am

Hi,

As I noted in the other post, I don't have safari, so to see what's going on I
need a screen capture and also your page. I can then usually figure out
what is causing the problem, but not without the screen capture from a
safari browser which shows the issue and also the page so I have the html,
css and menu to test. In the other case it was a separator issue but that is
not necessarily the cause of whatever you are seeing.

Ruth

VT-Vincent · Post by **VT-Vincent** » Thu Jun 21, 2007 9:25 am

Hello,

You can view a screenshot of the issue here:

http://www.vintech.net/vtemenu.jpg

You can view the actual page seen in the screenshot here:

http://www.vtemulation.com/about_vte/about_us.php

(This is a secured resource, you can sign in with the username 'milonic' and the password 'password')

Post by **Ruth** » Thu Jun 21, 2007 9:50 am

Hi,

I see you have the separator codes blocked with //

Try using the codes instead and see if that eliminates the problem

Code: Select all

separatorpadding=0;
separatorwidth=0;
separatorcolor="";
separatorsize=0;
separatorheight=0;

If that doesn't work, then try separatorsize=0; in each main menu item.

Code: Select all

aI("image=global_nav_left_cap.png;separatorsize=0;");

and if it works then you could put the // in front of the code in the data file again. Also, there is a new release 5.775. It just came out today, though I don't know that it has anything about a fix for your Safari issue, especially since that is a beta release. Milonic won't be trying to modify code for a browser in beta since betas change multiple times before they are in real release and Milonic would be modifying and then remodifying it as things change in the browser.

If this doesn't fix it, let me know.

Ruth

nwilcox · Post by **nwilcox** » Thu Jun 21, 2007 3:17 pm

Ruth,

Safari is now available for PC - Beta release 3 just came out today I believe. Please install here: http://www.apple.com/safari/download/

The issues we all are having is easy to see on the PC now and needs fixing ASAP.

This issue looks exactly the same in the full release Safari on the MAC.

Please advise: http://clients2.serverside.net/optiform/

VT-Vincent · Post by **VT-Vincent** » Thu Jun 21, 2007 6:30 pm

Ruth,

I've tried both of your recommendations, but I'm still getting the 1px spacing. I have also updated my menu to the latest release, to no avail

nwilcox · Post by **nwilcox** » Thu Jun 21, 2007 8:22 pm

VT-Vincent wrote: Ruth,

I've tried both of your recommendations, but I'm still getting the 1px spacing. I have also updated my menu to the latest release, to no avail

I've done everything Ruth said to try and nothing is working.

This has to be a bug in Safari