Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Ruth
Initial Email Subject: inking to element in Microsoft Expression
Support Case Month: September 2012

I cannot get my menu to attach to a table.  It just doesn't show up.  What I have on the web page is the menu attached relative to window, so it doesn't always appear in the same place in different browsers.

Reply From: Likno Customer Support

Hello,

I see that your positioning code is not for a table but for a <span> in an <a> tag.

Please replace this:

    <tr>
     <p class="style98">
        <span id='awmAnchor-nms_menu'>&nbsp;</span>
     </p>
 
</tr>

With this:

   <tr>
         <td id='awmAnchor-nms_menu'>&nbsp;</td>
   </tr>

Also I noticed that you have set a “browser-specific offset” for IE. Please remove this in order for the menu to appear in the same place in all browsers.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Ruth

As you can tell, I'm not very good at this and just learning.  Should I have the positioning linked to the window or an element, because now I don't get a menu at all.  I have not copied it over to the server yet.

Ruth

Reply From: Likno Customer Support

Dear Ruth,

The positioning should be set to “Relative to Element”.

Did you correctly replace the HTML code in your page?

Can you please send me:

1) The project file (use the menu “File -> Export -> To zip”)

export menu project

2) The HTML page so that I can see the code you entered.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Ruth

The menu shows up fine in Internet Explorer, but when I go to other browsers, it's in the middle of the heading. 

Thanks so much for your help and patience with me.

Ruth

Reply From: Likno Customer Support

Dear Ruth,

Are you talking about the online page or the local one?

If you are talking about the local page, then you’ll have to send this to me also (as I asked in my previous email) in order to see what’s wrong.

The online page on the other hand, does not display a menu at  all now (in any browser)! Did you change something else?

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Ruth

This is the link to our web page from yesterday that I had already sent you just so the menu would be back on the page.  This menu does not appear in the same place on different browsers.  So far, it only appears in Internet Explorer.  I would like to continue using this program, but if I don't find out what I'm doing wrong we won't be renewing at the end of this year.  Again I apologize for being a beginner with this program.

Reply From: Likno Customer Support

Dear Ruth,

I checked your page again, and I see that the old menu is back, which is visible by all browsers but the positioning is different in IE due to the “Browser-Specific Offsets” you have for IE.

Since the Element Positioning confuses you, maybe you should keep your current settings, but try removing the “Browser-Specific Offsets” and instead fine-tune the positioning through the standard offsets (x,y) that appear in the Positioning form.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

 

Tags: , , , , , , , , , , , , , , , , , , , , ,

 

Knowledge Base support case for AllWebMenus, abstracted and stripped of all user’s private info.


Initial Email From:
Matt
Initial Email Subject: Browser Specific Offset
Support Case Month: April 2012

I can't get the browser specific offset to work.  If I set the offset from the main "Relative to an Element" tab it works for all browsers.  If I set the browser specific offset then the browser does not recognize its own offset and resorts to the offset in the main "Relative to an Element" tab.  I even tried setting the offset in the main "Relative to an Element" tab to 0 and it still did not work.  I am using AWM 5.3 build #830.  Any ideas as to what I may be doing wrong?

relative to an element offset

Thanks,
Matt

Reply From: Likno Customer Support

Hello,
Which browser are you referring to? And why do you need the browser-specific offsets? If your positioning is correct then you should not need ANY browser-specific offsets.
If you can send me the URL I can check your page and tell you how to do this.
Having said this, I should also inform you that your current AllWebMenus version is very old and has known issues with both IE9 and Safari 5. I can see that your Update Plan expired in June, still the latest version you can get for free without extending your Update Plan (build 866) does fully support all of the latest browsers, so I strongly recommend that you get this:
download most recent build

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Matt

IE 8 and Firefox 11.
The menu displays 2 pixels off in IE vs. Firefox.  I was needing to use the offset to correct the difference between the two browsers.
http://www.cummins-sp.com/index_test.php
The below screen capture is from IE 8.  The same menu displays aligns correctly in Firefox 11.  I have not tested any other browsers yet.
firefox menu preview
Thanks,
Matt

Reply From: Likno Customer Support

Dear Matt,
Actually I see the opposite problem. Firefox 11 is like the screenshot, and IE8 is correct. Still, I want to ask you to completely remove the browser-specific offsets.
Then change your positioning to use the existing DIV with id=”topNav” like so:

menu position relative to element

The reason your existing positioning (with the extra <span>) did not work is that you have not specified any paddings, and each browser has a different default padding, hence the <span> ends up in different places. The “topNav” <div> however, seems to be properly positioned in all browsers, so it is a good element to use for positioning.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Matt

OK, I have set it up as specified.  I removed the browser specific offsets and used the "Custom ID" of  "topNav".  I also added paddings, as suggested, to my elements to see if that helped.  Still I get the same result.  Yes, you are correct that the screen shot I sent you was Firefox.  That was my mistake.
Why does adding browser specific offsets not effect the position of the menu?

browser specific offset
Thanks,
Matt

Reply From: Likno Customer Support

Hello,
After checking your compiled project more carefully, I noticed that apart from the browser-specific offsets (which you did not remove) you also have specified some offsets in the “Advanced Scripting” section. The Advanced Scripting offsets override the browser-specific offsets, which is why the last seem to not work.
Please clean the Advanced Scripting and remove all browser-specific offsets, and your positioning will work in all browsers.

clip_image001

Again, I remind you that due to using a very old AllWebMenus version, your menu is not visible at all in IE9 and Safari 5! You can get a newer version for free form your User Area account, so I really think you should do this.

Regards,
Kostas
Likno Customer Support
www.likno.com
Create any type of javascript menu (CSS menu, drop-down menu, sliding menu), button, html tree, modal window, tooltip, accordion, tab, scroller, jQuery slider or design for your websites!
Like us on Facebook – Follow us on Twitter

Reply From: Matt

Thanks! Removing that from advanced scripting worked. Not sure how that got there in the first place.
Thanks,
Matt

 

Tags: , , , , , , , , , , , , , , , , ,

 

In rare cases your AllWebMenus menu might be some pixels away for a specific browser. Thus you need to apply to this menu the appropriate x,y offset values for this browser only. In other words you need to apply in your menu browser specific offsets.

To do that you just have to click on the "Menu Positioning" button. In the window that will appear you must click on the "Click for Browser-specific offsets" button and define properly the offsets for the specific browser (see the image below).

Finally, recompile your menu and re-upload the appropriate files if you have it (i.e. the menu) online.

 

Tags: , , , , , , , , , , , , , ,

 


© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows