Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:26

Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Friday November 2 2007 - 13:55:13 GMT

Hello!
This is my first contribution to this exelent forum!

I have a little problem with Safari 2.0.4 and the menus No 24 ”position by image”.
All my browsers (FireFox, IE for Mac, Netscape, Opera) is working in a right way BUT SAFARI is position the submenus -8 px to the left of the image and NOT in exactly the left down corner of the image, were the submenus shall be positioned. — Look at this:

Attachment:
Safari_v204.png
Attachment:
Mac_IE_v523.png
Attachment:
Mac_FireFox_v2006.png


This problem with Safari occurs ONLY on the "downloaded version" of this menu and NOT if I visit Milonic website and go to:
http://www.milonic.com/menusample24.php ---> = On Milonic website it is OK with SAFARI?

Is it possible to adjust the downloaded version so it work in this fine way that they show on there website?
Or write something like this in the <head> of the website: — IF safari visit this website THEN place the submenu 8px to the right :D

Here is my code for menu_data.js:
Code:
fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=3;
_subOffsetLeft=-3;

with(menuStyle=new mm_style()){
bordercolor="#5B5B5B";
borderstyle="solid";
borderwidth=2;
fontfamily="Verdana, Arial, Helvetica, sans-serif";
fontsize="70%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#FFEDC5";
offcolor="#414141";
onbgcolor="#FF9D59";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=6;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#2D729D";
separatorsize=1;
subimage="menuscript/arrow.gif";
subimagepadding=2;
clickbgcolor='#FFD99D';
itemwidth=222;
//screenposition="center";
//imageposition="left";
}


//HOME//
with(milonic=new menuname("Home")){
overflow="scroll";
style=menuStyle;
aI("text=Home: TPC Components AB;url=http://www.milonic.com/cbuy.php;");
aI("text=Home: TPC Narva O&Uuml;;url=http://www.milonic.com/cbuy.php;");
aI("text=TPC Sitemap;url=http://www.milonic.com/cbuy.php;");
aI("showmenu=Download;image=menuscript/pdf_Transp.gif;text=Download pdf-files;");
}

//PRODUCTION//
with(milonic=new menuname("Production")){
style=menuStyle;
aI("text=Production info;url=http://www.milonic.com/cbuy.php;");
aI("text=Areas of Application;url=http://www.milonic.com/cbuy.php;");
aI("text=Finished Components Ready for Assembly;url=http://www.milonic.com/cbuy.php;");
aI("text=Our Metod in pictures;url=http://www.milonic.com/cbuy.php;");
//aI("showmenu=Our Metod;text=Our Metod in pictures;");
}

//RAPID PROTOTYPING//
with(milonic=new menuname("Rapid Prototyping")){
style=menuStyle;
aI("text=Rapid Prototyping;url=http://www.a-q.co.uk/;");
}

//TECHNICAL DATA//
with(milonic=new menuname("Technical Data")){
style=menuStyle;
aI("text=Technical Data info;url=http://www.milonic.com/cbuy.php;");
aI("text=Range of Materials;url=http://www.milonic.com/cbuy.php;");
aI("text=Very Close Tolerances;url=http://www.milonic.com/cbuy.php;");
aI("text=Cad/Cam;url=http://www.milonic.com/cbuy.php;");
aI("showmenu=Download;image=menuscript/pdf_Transp.gif;text=Download pdf-files;");
}

//QUALITY, ENVIRONMENT//
with(milonic=new menuname("Quality Environment")){
style=menuStyle;
aI("text=Quality Environment;url=http://www.milonic.com/cbuy.php;");
}

//CONTACT//
with(milonic=new menuname("Contact")){
style=menuStyle;
aI("text=Contact;url=http://www.milonic.com/cbuy.php;");
}

//EASY CONTACT//
with(milonic=new menuname("Easy Contact")){
style=menuStyle;
aI("text=Easy Contact form;url=http://www.milonic.com/cbuy.php;");
}

//DOWNLOAD//
with(milonic=new menuname("Download")){
style=menuStyle;
aI("text=TPC_ISO.pdf;url=http://www.milonic.com/cbuy.php;");
aI("text=TPC_Range_of_Materials.pdf;url=http://www.milonic.com/cbuy.php;");
aI("text=TPC_Very_Close_Tolerances.pdf;url=http://www.milonic.com/cbuy.php;");
aI("text=TPC_Cad_Cam.pdf;url=http://www.milonic.com/cbuy.php;");
aI("text=TPC_Logotype.pdf;url=http://www.milonic.com/cbuy.php;");
}

drawMenus();


Little background:
I started to develop the menus first before I shall merge it into the website. This menu is inside an <table> tag possitioned by small transperant gif-files (6x25px). The gif-files are positioned in <td> tags to the left of the text. The text in the dark-blue areas shall I later design with CSS.

I hope You understand my Swedish/English.
Best Regards: Thord :)

Re: Safari have problem with Position by image No:24!


Poster: John
Dated: Friday November 2 2007 - 14:09:09 GMT

Got a URL we can look at?

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Friday November 2 2007 - 14:18:36 GMT

Not yet but it shall sooooooon be one! :)

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Friday November 2 2007 - 14:47:25 GMT

Now! Here it is!
http://home.swipnet.se/mediaidenu/test/1-milonic-test.html

Thanks :)

Re: Safari have problem with Position by image No:24!


Poster: John
Dated: Friday November 2 2007 - 15:02:32 GMT

Unfortunately I don't have v2.x of Safari. However, under v3.x the problem is not there. The sub-menu is exactly where it is in the other browsers you pictured.

I will pass this up to Andy to see if there's anything that can be done.

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Friday November 2 2007 - 15:21:06 GMT

I made a little change!
I made the small gif-image IN RED. Now it is easyer to see the position exactly.
Im OPERA browser the problem is in the other direction? But that is in the xhtml-code I think?

Thanks :)

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Friday November 2 2007 - 16:00:57 GMT

YES! — It's OK in Safari 3.0.3 at my computer to.
But there will be nice if I can get a problem solution for Safari 2. Hummm.....

Thanks :)

Re: Safari have problem with Position by image No:24!


Poster: Ruth
Dated: Saturday November 3 2007 - 0:12:38 GMT

Hi,

I don't have Safari 2 either and I do know that browser had a number of issues, but I wanted to suggest some things for you to test and see if anything changes.
1. Put a visible border around the table and see if that menu is lining up at the border edge. If it is, probably Safari is doing something with that align=left you have coded in the TD. You can fix that by creating a css class with that left align in it and apply the class to the cell.

2. change your cellspacing to 0 and change the width of the transparent image to 1. See if that changes the position of the submenu.

As noted, these are only things to test out and see if anything helps.

Ruth

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Saturday November 3 2007 - 10:17:12 GMT

Thank You Ruth!
I shall try this out as soon as possible. But not today!
Interesting! :) :D

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Monday November 5 2007 - 14:35:47 GMT

Hello I am back!
I have tested tip No 1 — I have tested tip No 2 — (Thank You Ruth!)
I still have the same problem. Safari 2.0.4 is drawing the sub-menu -8 px to the left. But Safari 3.0.3 is ok.

I made a image of 1 px and Safari is still drawing it -8px to the left.
It has nothing to do with the width of the image. (I have also ZAP cache memory between the tests).
_ _ _
A QUESTION
Is it possible to adjust ALL the menu position in horizontal line? — If I use "_subOffsetLeft=-3;" the sub_"sub"-menu is moving -3 px to the left. That is ok!
But, if I want to move the FIRST sub-menu to the left or right (The first menu that opening just under the transparent image. That menu with the -8px that is wrong in Safari 2) what to do?

Thanks :)

Re: Safari have problem with Position by image No:24!


Poster: Ruth
Dated: Tuesday November 6 2007 - 3:12:48 GMT

Hi,

Since you are using the popmenu you need to set that in the coding you already have. Look at the popup info on this page, it's the bottom ones.

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

One question, are all the submenus shifting to the left in Safari 2? If they are, I have to think it is something to do with the align left. Since align left is default as far as I know, have you tried removing that from your table cell code? Without the browser I can't really play around and test. Since the issue is fixed in Safari 3 and Safari 2 had a lot of problems, none of which Andy's post to Apple ever got resolved, it may be you can't fix it.

There is a post on this issue from someone else who did their own fix for the browser. viewtopic.php?p=43668#43668. I don't know if this will help since the person is using a relatively placed menu and not pop ups, but thought I'd post for you to check out.

Ruth

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Tuesday November 6 2007 - 14:16:16 GMT

Hello!
And Thank You For Your Fine Support!!!!!!!!

Yes. All submenus are shifting to the left in Safari 2.
The problem occurred BEFORE I begin to use ”align left”. The problem have nothing to do with ”align left”.
Why I use ”align left”? = FireFox did align it in the centre together with the transparent picture when I used the default value.

If I visit the Milonic Site and view this: http://www.milonic.com/menusample24.php
HERE Safari 2 is ok BUT Safari 3 is placing the menu -1px to the left. — Milonic must have some fix for the Safari 2 problem on there site!!!!!!! :?

I shall read the tip you gave me! — Thank You!

Best regards: Thord :D

Re: Safari have problem with Position by image No:24!


Poster: Ruth
Dated: Tuesday November 6 2007 - 20:26:07 GMT

Hi,

Well, that table on milonic uses a css class
Code:
TD.menuW {
   FONT-SIZE: 0.8em; FONT-FAMILY: verdana
}


and then the actual menu popup code for an item is
Code:
<IMG id=milonicmenu
            src="transparent.gif" border=1 name=milonicmenu>
            <A onmouseover="popup('milonic','milonicmenu')" onmouseout=popdown()
            href="http://www.milonic.com/menusample24.php#"><FONT color=green
            size=3>Milonic</FONT></A>


Finally, the only other thing I note is that you have div align=center wrapping the table. So, I don't know if any of that is causing the problem. The only other suggestion I can make is, if this is a professional or above current licensed support menu, then you can try contacting Milonic direct about the issue.

Ruth

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Tuesday November 6 2007 - 21:07:05 GMT

Hello!
I have a professional license. I contacted Milonic i this matter but they didn't answer. I have support on the licence.
I think they have a lot of issues to concur. — It doesn't matter. :)

Now I shall try to make the menus design in CSS. Maybe that helps. Otherwise I shall forget Safari 2 and live with it. It's no big deal. I shall come back to this problem when I have tried out the CSS design for the entire site including the menu.

Thank you for a nice and learning support.

Best regards: Thord :D

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Tuesday November 6 2007 - 21:24:22 GMT

Just one more question!
Is it possible to write the submenu length individual?

Like this:
Code:
itemwidth=222;

This is for ALL of the submenu. But I like to have it for every individual group of submenu?

For example: I like to have the last submenu [Easy Contact] not go outside the site on the right side.


Humm... :D

Re: Safari have problem with Position by image No:24!


Poster: Ruth
Dated: Tuesday November 6 2007 - 22:08:56 GMT

Hi,

I don't understand, you have itemwidth=222; in the menuStyle which will apply that to all menus that use that style. You can also put itemwidth into the menus themselves and make them whatever you want.

Code:
with(milonic=new menuname("Home")){
overflow="scroll";
style=menuStyle;
itemwidth=222;


As to the easy contact are you talking about the submenu from that? If so, what browser because it doesn't go beyond the right side on IE or FF. If you are talking about the actual 'main' item, then that is based on your table cell and spacing.

As to contacting Milonic, you can fill out a support ticket at the main site, go to milonic.com and at the bottom click on the Tech Support link, then on the resulting page, make sure you're logged in under the name with which you registered to purchase the menu, and fill out a support ticket. If you have and have not received a response you you can take a look at your open support ticket, or at messages to see if there is anything there. If not try doing another ticket.

Ruth

Re: Safari have problem with Position by image No:24!


Poster: trlfineart
Dated: Wednesday November 7 2007 - 10:09:53 GMT

Sorry Ruth!
I am not so good to explain in English!

But the code you written here solved my problem. I did not know that it was possible to write it like that directly in the menu. THANK YOU! — (I was talking about the submenu popping down from the table cell. It was 222 px wide but it shall be the same width as the last table cell.)

The itemwidth=222; in the menuStyle:
That I shall delete and only use it in the individual menus width.

Regarding Milonic Support:
I have a "support ticket". I was logged in. I have received answers on other questions but not on this Safari 2 thing.

Best regards: Thord ;)