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

Hello, we have released a new version of AllWebMenus Pro: Version 5.3 build #908.

Check out What's New

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version here: http://www.likno.com/download.html

--------
Likno Software - www.likno.com
Create any kind of javascript menu (CSS menu/drop-down menu/sliding menu), web tree, button, tab, modal, tooltip, accordion, scroller, design for your websites!

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

Initial Email From: Robert
Initial Email Subject: Main Menu Mouse Over Positioning
Support Case Month: January 2013

Hello,

Please visit the link provided. My problem is with the bottom "Home" link. How do I make the mouse over image appear in alignment with the bottom right corner of the "Normal" image? (note how the link jumps down the page (84 px ?!) upon mouse over.)

Robert

Reply From: Likno Customer Support

Hello Robert,

I assume that you have a submenu with one item that opens on mouse over, correct? (if not, please use "File -> Export" to send me the project)

In that case, just use a "custom" value for the Offset of that submenu which will be related to the images height:

Thank you.

Best 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: Robert

Finally! Everything seems to be working except in IE (v9.0.12) where the submenu breaks float constraints (see attached image). Note the house with the smoke now falls under the link “{URL REMOVED}” when the window has been resized to allow the visitor to scroll below the bottom of the page. I have tested this in Opera, Safari, Firefox and Chrome and IE is the only one with this problem (surprise!)

Everything else works just like I want it to.

Please advise.

robert

Reply From: Likno Customer Support

Dear Robert,

I just checked your page with both IE9 & IE10 and the menu seems to work just fine! do you still see the problem? If so, can you please send me a screenshot?

Best 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: Robert

there was a screen shot attached to the original message. I have attached one here too along with the IE version. please note: I intentionally tried to break the navigation. once I had finished scrolling down the page I resized the window so that I could scroll down some more. that’s when it breaks.

Reply From: Likno Customer Support

Ok, now I understood what you meant and I was able to replicate the problem! This is because the script keeps the image within the browser window.

I will forward this to our developers for further consideration. Note however this will probably be treated as a low-priority case as it does not really affect a real viewer use-case.

I will let you know of their response.

Best 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

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

Initial Email From: Rajeev
Initial Email Subject: Menu alignment out
Support Case Month: January 2013

Dear Sir

Main Menu getting shifted on left in Ipad Safari browser where as it is ok in IE, Firefox, and safari browsers in my laptop.Please help

Regards,
Rajeev

Reply From: Likno Customer Support

Hello,

I checked your site and noticed that you have two menus compiled with different versions and with the library files in different folders.

This can cause conflicts and most likely you currently end up using the old libraries (as it is linked last in your page).

Please make sure that all your menus are compiled with the latest version and that your uploaded library files are also of the latest version.

Ideally you should setup your menus to all reside under the same folder and point to a single library file folder. To do this, you need to make sure that:

1) each menu has a different name

2) all your menus have the same root folder

3) your subfolders are set to the default for all menus

Best 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

Hello, we have released a new version of AllWebMenus Pro: Version 5.3 build #902.

Check out What's New

- New property: "Responsive Menu"
(for your responsive website designs or standard websites)

You can now choose your menu to show a different version of itself depending on screen size (width), in any of the following 3 ways:

- Different styling
- Different content
- Different positioning

Responsive Menu Example

Read more on the "Responsive Menu" feature

- New property: "Visible When"
You can now use rules to specify whether your menu shows or not on page. This is useful when you want your menu to appear (or not appear) in special cases.

Read more on the "Visible When" feature

- New version for all Server-Side Menu APIs.

- Better support of IE10 for:
- Filters
- Opacity
- Header/Footer
- Menu alignment
- No-wrap words

- Fixed an issue with server-side menus, where the menu would not use the horizontal positioning offset.

- Fixed an issue where clicking on parent items in sliding menus did not work in non-IE browsers.

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version here: http://www.likno.com/download.html

--------
Likno Software - www.likno.com
Create any kind of javascript menu (CSS menu/drop-down menu/sliding menu), web tree, button, tab, modal, tooltip, accordion, scroller, design for your websites!

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

Initial Email From: Virginia
Initial Email Subject: AW Menus 5.3 build 896 Browser-specific problem
Support Case Month: September 2012

I just noticed that the top horizontal menu in my client site is no longer lining up properly for Safari. (The alignment was fine originally, years ago, but I don't know which update stopped keeping good alignment for Safari.)

When I use the Browser-specific option to change the Y-axis alignment  values, nothing happens to the menu alignment when I look at the menu in Safari. I can set the Y axis +100 pixels, or -10 pixels, and nothing happens.

The other browsers and their adjustments are fine.

Thanks,

Virginia

Reply From: Likno Customer Support

Dear Virginia,

I noticed that your menu is compiled with build 892 but the library files are from version 888. Can you please correct this and let me know so that I can have another look?

Best 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: Virginia

Dear Kostas,
Good point.
I've uploaded the latest awm-Data directory, and I've tried editing the menu position for Safari again.
Still, the menu doesn't move in Safari whether I enter Y=-20 or Y=50.
And now the menu is not moving in Opera when I switch from Y=10 to Y=25.
Chrome, IE and Firefox are fine.
Thank you,
Virginia

Reply From: Likno Customer Support

Dear Virginia,

I do not recommend using the Browser-Specific offsets to achieve the correct positioning. This is a pretty old and outdates feature that should never be required if your Positioning settings are correct.

Please try removing ALL the browser-specific settings and changing your positioning to “Relative to Element” (“top-left” with 0 offsets).

Then go to your page and replace this:

<tr>
   <td align="left" bgcolor="#996699">
        <img src="images/spc.gif" width="1" height="25" border="0" align="left">

        <style>
              .awmAnchor {position:relative}
        </style>

        <span id='awmAnchor-purplehorizontal' class='awmAnchor'>
        </span>
   </td>
</tr>

With this:

<tr>
   <td id='awmAnchor-purplehorizontal' align="left" bgcolor="#996699">
        <img src="images/spc.gif" width="1" height="25" border="0" align="left">
   </td>
</tr>

This should fix the positioning in ALL browsers without the need for any browser-specific offsets.

Best 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: Virginia

Dear Kostas,
I appreciate your help, but that didn't work. Since it's a large site, I've testing only on the first page of the site on my computer.

With those settings and copying/pasting the exact table row edit you made, the menu looks good in Firefox, Opera, and Chrome.
Only Firefox and Opera look good with the original settings on the left. For Chrome, I had to do browser-specific.
The menu has completely disappeared in IE, and in Safari, it's sitting about 20 pixels above where it should be. Changing the safari browser-specific settings makes no difference.
What do you think is going on?
I'm sending you the zipped up index.html page and AWM directory.
Thank you for working with me on this. I've loved using All Web Menus for years!!
Regards,
Virginia

Reply From: Likno Customer Support

Hello again,

I checked your menu project and it seems that you have added browser-specific offsets both in the interface and in the advanced scripting!

What you need to do for pixel-perfect positioning in all browsers is:

1) Remove ALL the browser-specific offsets shown above

2) Change your Positioning property to the following:

3) In your page change this code:

<tr>
   <td align="left" bgcolor="#996699">
       <img src="images/spc.gif" width="1" height="25" border="0" align="left">

       <style>
            .awmAnchor {position:relative}
       </style>

       <span id='awmAnchor-purplehorizontal' class='awmAnchor'>
       </span> 
   </td>
</tr>

With this:

<tr>
   <td id='awmAnchor-purplehorizontal' align="left" bgcolor="#996699">
        <img src="images/spc.gif" width="1" height="25" border="0" align="left">
   </td>
</tr>

I tested the above and it works in every browser.

Note! I recall you said something about the menu not appearing in IE. If this occurs it means you did not correctly replace the HTML code and specifically that you did not remove the <span> so you ended up with two elements with the same ID (this is an error for IE).

Best 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: Virginia

Hello Kostas!
Thank you so much. I've been using AWM on this site since 2005, and I had completely forgotten the scripting I used way back then.
You have been wonderfully helpful. After removing the scripting, I updated the rest of the browser-specific settings, and the test page now looks good in all browsers. Later today I'll update all of the pages in the site.
Thank you!
I've always been very happy with AWM as a tool for building any menus I need. And your service is wonderful. Feel free to quote me as a testimonial.
Regards,
Virginia

Reply From: Likno Customer Support

Thank you Virginia for your encouraging feedback.

Best 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