Safari compatibility with Menu Sample 18 [resolved]

Poster: amanda
Dated: Monday April 16 2007 - 18:05:20 BST

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://www.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!

Poster: drewbacca
Dated: Thursday April 19 2007 - 19:09:21 BST

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.

Poster: amanda
Dated: Thursday April 19 2007 - 19:41:27 BST

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

Try starting with Template 89 instead,
http://www.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!

Poster: drewbacca
Dated: Thursday April 19 2007 - 19:43:16 BST

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.

Poster: Ruth
Dated: Thursday April 19 2007 - 22:44:31 BST

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

Poster: nwilcox
Dated: Wednesday May 9 2007 - 19:36:05 BST

any reply on this Ruth

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

Poster: Ruth
Dated: Wednesday May 9 2007 - 23:23:56 BST

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

Poster: nwilcox
Dated: Thursday May 10 2007 - 3:11:00 BST

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.

Poster: Ruth
Dated: Thursday May 10 2007 - 4:25:16 BST

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

Poster: nwilcox
Dated: Thursday May 10 2007 - 14:42:39 BST

hi Ruth

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

Poster: Ruth
Dated: Thursday May 10 2007 - 19:00:57 BST

Hi,

It's giving me page not found

Ruth

Poster: nwilcox
Dated: Thursday May 10 2007 - 19:03:29 BST

I'm retarded! I mistyped the link

Try this one:

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

Poster: Ruth
Dated: Thursday May 10 2007 - 20:24:37 BST

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

Poster: VT-Vincent
Dated: Thursday June 21 2007 - 8:27:44 BST

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?

Poster: Ruth
Dated: Thursday June 21 2007 - 9:13:40 BST

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

Poster: VT-Vincent
Dated: Thursday June 21 2007 - 9:25:50 BST

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')

Poster: Ruth
Dated: Thursday June 21 2007 - 9:50:09 BST

Hi,

I see you have the separator codes blocked with //

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



If that doesn't work, then try separatorsize=0; in each main menu item.
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

Poster: nwilcox
Dated: Thursday June 21 2007 - 15:17:03 BST

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/

Poster: VT-Vincent
Dated: Thursday June 21 2007 - 18:30:10 BST

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

Poster: nwilcox
Dated: Thursday June 21 2007 - 20:22:32 BST



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

This has to be a bug in Safari

Poster: Ruth
Dated: Friday June 22 2007 - 5:39:25 BST

Hi,

Thanks for the link. It may take awhile since I my xp system is not on cable yet. It's a 1 1/2 hour download on dial-up . But, I'm getting it and I will see what I can figure out for you guys

Ruth

Poster: Ruth
Dated: Friday June 22 2007 - 10:01:40 BST

Hi,

I found a solution. I do not know why it's doing what it's doing, but the solution is to put in a bgimage.

nwilcox: take any of your images, like the btn_cp_up.gif and cut off the right side NOT includig the ending btn which has some kind of border look at the right, then save it as whatever you want [btn_bg.gif or something] then in your main menu style add bgimage="btn_bg.gif"; What this means is you'll have to also make bgimage from your first and last buttons. On the 1st one you'd cut the left hand side so you got that left side border look, and on the right one you'd cut the right hand side. You may have to position the right one in css since you can set it using css to not repeat and to be top right.

VT, in yours if you use the global_nav_right_cap.png you can cut out in the middle someplace and use that as your bgimage. For the 1st and last items you need to do a bit of changing. On the right one just set the bgimage as that right_cap.png, but on the left one you need to have a wider image for the bg so what I did was to use my Corel Photo Paint program and flipped that right image. Then I saved it as bgglobal_left.png. Also, in your right and left items add type=header; this will prevent the mouse from changing if it is placed over these items.

I will report to Milonic on this. It's very weird, almost like safari is putting a separator in no matter what you do or a space between items. It really can't be the separator since that is not a css code it's menu specific. Perhaps it has something to do with css and spacing out the item containers or something.

If you need more help, just give a yell

Ruth

Poster: nwilcox
Dated: Friday June 22 2007 - 14:54:37 BST

I appreciate the effort but that really isn't a viable solution Ruth. I don't have the budget to start reworking the entire menu layout.

I'm going to submit a support ticket on this as I strongly feel this needs to be addresssed in the menu source code and not some "workaround" with background images.

Thanks for your help!

Poster: Ruth
Dated: Friday June 22 2007 - 15:42:14 BST

Hi,

I have reported it, also, but the support ticket is a good idea. I wasn't suggesting you change anything that is already there, just add that bgimage to the main menu style. Though I guess, now that I think about it, that is new as to layout. Duh....

Ruth

Poster: nwilcox
Dated: Friday June 22 2007 - 15:51:01 BST

again thanks for assisting us with this issue. You are a great resource here!

I will come back and post anything I hear back from the support team

Poster: nwilcox
Dated: Friday June 22 2007 - 17:49:51 BST

Just got a message from support:

This problem has now been solved and is in the CVS tree ready for the next menu update. Looks like we'll have it addressed here soon.

Thanks!

Poster: Ruth
Dated: Friday June 22 2007 - 21:45:02 BST

Hi,

It's in the pre-release if you want to download it and test, 5.776

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

Ruth

Poster: VT-Vincent
Dated: Saturday June 23 2007 - 4:43:31 BST

Latest version, tested and working

Thank you very much for your help, and the extremely fast fix!

Poster: John
Dated: Monday June 25 2007 - 16:16:05 BST

Keep in mind, as I'm sure you realize, that Safari 3 is a beta product. Even though Andy was able to jump right on this one, that is not always the case with betas. Example - there is already another update out this morning for both Mac and Win versions of S3.

Don't get too hung up on it until it hits final.

Poster: Andy
Dated: Tuesday June 26 2007 - 13:59:20 BST

Have you tried the latest version of the menu v.5.777 - If this still fails let me know and I'll look into it some more.

Cheers,
Andy