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

Hello! We have released a new version of Likno Web Scroller (jQuery Slider) Builder: Version 1.0 build #124.

Check out What's New

- Added Example 10 (Google Analytics mockup): Similar scroller to the live scroller used on Google Analytics (as of Oct 9, 2012). Use of a "Bullets" only Navigation Bar. Use of "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller".

- Added Example 11 (WordPress mockup): Similar scroller to the live scroller used on WordPress (as of Oct 15, 2012). Use of character-based (HTML) "Navigation Arrows". Use of *Play on Page Load* (automatic play). Use of "Pause when mouse is over the Scroller". Use of "Slide" effect.

- Added the Fade "blending" options.

- Added the "Rewind" option when the "Transition" is of the "Continuous" type.

- Added a Vertical Offset (or Horizontal for vertical scrollers) to the Navigation Arrows.

- Updated all Examples that were using CSS-based vertical arrow offsets to use the new property instead.

- Fixed an issue where the style was changing when using the item Link property.

- Fixed an issue where IE produced a horizontal scrollbar if the parent of the positioning item had a fixed width & height AND 'float: left;'.

- Fixed an issue where items with links had a border in IE.

All features here: http://www.likno.com/jquery-scroller/index.php

Download the new version of our web scroller (jquery slider) builder at http://www.likno.com/jquery-scroller/download.php

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: Roxanne
Initial Email Subject: AllWebMenus PRO v. 3.1.0.530
Support Case Month: March 2012

Hi Kostas,

The new v.5 is just a little different than the 2003 version I had. I’m not quite understanding the positioning to get the menu to fit on the web page where I want it. On the web page template, I have a column on the left side in which the menu is placed. However, it is offset to towards the middle of the page. How do I position it to be in the place I want it to be? Thank you for your help!

Thanks,
Roxanne

Reply From: Likno Customer Support

Dear Roxanne,

It seems that you have specifically set the menu to be have an offset relative to the positioning element:

Also, I see that your positioning code is very old and possibly not as accurate as it could be.

Please find the following in your page:

<td height="2">

<div align="center"> <style>.awmAnchor {position:relative}</style> <span id='awmAnchor-Northside' class='awmAnchor'></span></div></td>

And change it into this:

<td height="2" id='awmAnchor-Northside'>&nbsp;</td>

This will position your menu relative to the table cell with pixel-perfect accuracy.

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: Roxanne

Hi again Kostas,

I changed the source code you suggested, but the positioning of the menu is still offset to the right in the table cell. Please let me know what I should do to get this menu centered within the table cell.

URL – http://www.nbchurch.net

Thanks,
Roxanne

Reply From: Likno Customer Support

Did you also remove the offsets I showed you in the screenshot?

Also, considering that the table cell is smaller than the menu width, you may want to change your Positioning to the following values:

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: Roxanne

Hi Kostas,

Thank you so very much for your help! I made the changes you suggested and the menu fits in the table cell like a glove! Thank you, thank you, thank you!!

I will call on you in the event I have another question!