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

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

Initial Email From: Vida
Initial Email Subject: All Web Menu Support Needed
Support Case Month: February 2013

Hello,

I am using AllWebMenus. The inlayed submenu item groups are not working properly. After navigating throughout the website the fly out area  become distorted.

Here is the url: {URL REMOVED}

Looking forward to the solution.

Reply From: Likno Customer Support

Dear Vida,

Are you referring to this?

If so, note that this is not related to scrolling. It is actually related to the image on the right side. This happens the first time you visit the page (or after deleting the cached files) as the first time you open the submenu the image is not loaded and has no height. Then when the image loads it pushes everything down and distorts the submenu. This happens because you are using the Full HTML mode and the image is not preloaded.

The solution is to simply add a fixed size to your image, for example:

<img height=”210” width=”160” src=”myImage.png” />

Best Regards,
Kostas
Likno Customer Support
www.likno.com
Powerful javascript menus (CSS menus/drop-down menus/sliding menus), web trees, buttons, tabs, modals, tooltips, accordions, scrollers, designs for your websites!

Reply From: Vida

Hello Kostas,

Thank you so much for such prompt and effective response and solution. Adding the size of the image helped.

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: Amber
Initial Email Subject: Vertical Menu Overlapping Content
Support Case Month: January 2013

Good morning

I've played with this for too long, cannot figure out what's going on.  The vertical menu here is overlapping content.  You see it on load, then the menu loads and it covers.  If I have a shorter page, the menu drops over the footer area as well.

What setting am I missing?

Thanks!

Reply From: Likno Customer Support

Hello,

You need to set the menu to change its container’s height:

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

Thanks for the quick response, but this did not work.  I have cleared cache to be sure.  Are there any other settings that would affect this?

Reply From: Likno Customer Support

Dear Amber,

In order for this to work, you need to have a <div> as the Positioning Element. The <span> as an HTML element will not expand if it is given a specific height.

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 Likno Web Accordion Builder, abstracted and stripped of all user’s private info.

Initial Email From: Bill
Initial Email Subject: font size in accordion builder
Support Case Month: November 2012

I am testing the trial version so there is no url at this point.

I'm trying to change the font size within all of the panes. Using the font-size property, i get no change in font size if I specify a font size of small or medium or whether I use 10px or 12px. The changes do show up in the preview screen in the tool but there is no effect in the browser. I am using Microsoft Web Expression as my primary web tool if that makes a difference.

Any help with this would be appreciated.

I'm a long time user of your allwebmenus product and look forward to working with this as well.

Regards, 
Bill

Reply From: Likno Customer Support

Dear Bill,

This happens because you are using a table, which by default resets the font size when you do not have a valid DOCTYPE for your page.

Can you please try changing this:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

With this:

<!DOCTYPE html>

<HTML>

The above is the standard DOCTYPE for HTML5. If for some reason you want to use the old HTML4 Transitional DOCTYPE, then use this instead:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

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

Well almost...
I'm not much at html coding so maybe you can see what's going on.
When I sub the changes (tried both) it gives me the results that you'll see at http://ocdirect.com/staging/faq_test1.html (no menu item for this one.)
If you compare it to the normal linked faqs page you can see that the page 'breaks'
I can't seem to find where the problem is coming from.
If you have any ideas on how I can get the page back to normal, I'd appreciate it.

Regards,
Bill

Reply From: Likno Customer Support

Dear Bill,

I found a couple of changes that will fix the problem. The whole brake is related to the last table row, so you will need to fix it there.

Please try changing this:

<tr>

                <td height="32" width="165"><img height="32" border="0" width="165" src="images/main_5.jpg"></td>

                <td height="32" background="images/main_6.jpg" width="558">

                <p align="center"><font size="1" face="Arial" color="#F7DA8A">Copyright &copy;

                2010-2012 Woodbine Hill Kennel</font></p></td>

                <td height="32" width="224"><img height="32" border="0" width="224" src="images/main_7.jpg"></td>

</tr>

Into this:

<tr>

                <td height="32" width="165"><img style="display: block;" height="32" border="0" width="165" src="images/main_5.jpg"></td>

                <td height="32" background="images/main_6.jpg" width="558">

                <p align="center" style="margin: 0px;"><font size="1" face="Arial" color="#F7DA8A">Copyright &copy;

                2010-2012 Woodbine Hill Kennel</font></p></td>

                <td height="32" width="224"><img style="display: block;" height="32" border="0" width="224" src="images/main_7.jpg"></td>

</tr>

Note that there is also a big difference between having a valid DOCTYPE or not, especially in IE:

If you have DOCTYPE, then the “width” and “height" you set in the CSS do *not* include the padding. If you have an invalid DOCTYPE (or none at all) then the padding is most likely included in the width/height.

This is in case you see other sizing issues elsewhere.

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

Kostas,

Thanks so much for your help with this. You pinpointed the problem perfectly. I've changed to the new code that you've been suggesting and everything works just great.
Thanks for hanging in there with me.

Regards,
Bill

Knowledge Base support case for Likno Web Modal Windows Builder,  abstracted and stripped of all user’s private info.

Initial Email From: Terry
Initial Email Subject: Scrollbars on Modal Builder will not Hide
Support Case Month: December 2012

I have tried everything to remove the scrollbars from the modal window but it remains.  How can I remove  them?

On the window click on the second image to see the modal window

Thanks.

-terry

Reply From: Likno Customer Support

Hello Terry,

Did you try to increase the Window's width and height?

Because it seems that the rendered content online is a little larger than the window's size.

Best Regards,
Aris Filokostas
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