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

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

Initial Email From: User
Initial Email Subject: internet explorer layout issues
Support Case Month: January 2013

Our working menu is hosted on the page listed above.  However, in Internet Explorer, the last item in each section of our menu, or the last sub-category beneath each primary category is cut off.  When viewing the generated CSS, the height of each category set is 80px (class="ldmttreespn").  If we can change that height to auto, it should correct the layout issue.  What is the best way for us to adjust the CSS associated with our menu?  Can we access the CSS file or does the CSS need to be generated via JS and included in the tree.js file?  If the latter is the best option, can you provide the JS we'll need to use so as not to interfere with the working menu?

Reply From: Likno Customer Support

Hello,

The problem is not with the menu height, but with each item height. If you look carefully, you will see that in IE the menu also has extra space between each item breaking the design and pushing everything down

This seems to be caused by the following CSS in your page:

Do you think you could remove this or change it to “line-height: 16px;”?

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: Steve
Initial Email Subject: Font line spacing is inconsistant
Support Case Month: October 2012

OK, I'm probably pushing my luck, but...

I made a menu button that has a smaller font so I could put two lines on the button. In the menu program it looks great. But, when I compile and view it in Firefox (which is what I mostly use), the line spacing is greater and the text is pushed out to the edges of the button. However, it does look better in IE, Chrome & Opera.
Any ideas on how I can affect the output in just Firefox?

Reply From: Likno Customer Support

Hello,

I checked your menu and I did not see any differences between Firefox and other browsers! The two-line button seems fine in all the browsers I tried.

If you still see the problem, please send me a screenshot of what you see, and also a screenshot of the “about box” of your browser, so that we can further look into this.

In order to fix the problem on your side, you can set this item as HTML and change its content to:

<span style="line-height: XXXpx;">CHARITIES<br>NON-PROFITS</span>

(of course change “XXXpx;” to whatever line-height you want, e.g. “14px;”)

Whatever you set here should work for all browsers.

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

I thought about adding the line spacing parameter but, I was concerned that it would make the other browser spacings too tight.

It didn't and looks the same now.

Thanks,

Steve