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


Initial Email From: User
Initial Email Subject: Menu shows "cracks"
Support Case Month: May 2012

I have a new menu that is showing 'cracks' in google chrome.  Spacing between items is zero.  Because of transparency on the sides and header/footer, I can't put a background color. 
The menu is here: http://www.focusphotography.com/recent-weddings-and-portraits/. 
Is this a bug that might be resolved?

Reply From: Likno Customer Support

Hello,

I checked your main menu in Chrome and it appears fine!

main menu

I did notice a problem in the “left” menu:

side menu

Is this what you refer to? If so, can you please export and send me the menu project? (use “file-> export -> to zip”)

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

Hi Kostas.  Really big fan of the Likno products, by the way.  No, what I was referring to I don't see in your screen shot, but I've attached my own.  There's a space between the individual menu components that only exists in Chrome, and obviously I checked the space setting on the menu.  I wasn't sure if it was a known issue.

Reply From: Likno Customer Support

Hello again,

I tested your site in a couple more computers and I cannot see the problem I see in your screenshot! And then it occurred to me…

I believe that you see this because you are viewing the page in “zoom” mode. Please keep in mind that browsers do several “rounding errors” when they are zooming in, and it is easy to miss a pixel this way. I am afraid there is not much we can do about this.

browser zoom

Please confirm that you indeed view the page in zoom mode. If not, then please send me a screenshot of your Chrome “about box” and also tell me if you are using any plugins (and which) so that I can further investigate this.

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

Hi there Kostas.  Yes, you're right, it happens in zoom mode.  Here's an interesting bit of code from chrome's inspect element:

<img tabindex="-1" id="AWMEL3_4" title="" style="outline: none; border: none; position: absolute; margin: 0px; cursor: default; z-index: 1002; left: 0px; top: 0px; width: 899px; height: 82px; visibility: inherit; " src="http://focusphotography.com/menu/scripts/../libraries/dot.gif" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt="">

a 1pixel dot.gif in the middle of the menu where the crack appears.  Does that need to be there?

Reply From: Likno Customer Support

Hello again,

The 1px “dot.gif” image exists over all the menu items (not only in the “crack” but over the whole menu), and it is required as this handles the mouse events.

It is not at all related to the problem you see.

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