February 25th, 2013AWM: How to set the alignment of an image on mouseover?
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
Tags: alignment, chrome, css menu, drop-down menu, FireFox, height, IE, image, javascript menu, jquery, Menu, mouseover, offset, Opera, Safari, sliding menu, website