June 20th, 2013AWM: Menu does not appear on IE10 (check the DOCTYPE)

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


Initial Email From: Giulio
Email Subject: Menu not appear in IE 10
Support Case Month: March 2013

I verified that the menu do not appear in IE 10 browser, how can I resolve?

I used Version:   PRO v5.3  Build:  #898

Thank You

Thanks.

Reply From: Likno Customer Support

Hello,

I was surprised to see what you’ve done with your menu! Very nice work with the dynamically generated ASP pages.

However there is one drawback in what you’ve done… you are still really using AllWebMenus build 814!

Please try doing a fresh compile and copy-paste into your ASP the code of the new compiled file, at least up to the line “awmzindex=1000;”.

This should fix the problem.

Furthermore, I did not check, but I hope that you are also uploading the new library files. If not, then your menu may also be invisible in Safari 5+.

In order to be 100% safe, you should use “server-side menus” and use your ASP to dynamically create the menu content, without messing with the Linking and the libraries.

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

Hi Kostas thanks for your help.

I made the upgrade you wrote (code and library files), now in IE10 the menu appear but (Only on IE10)

there is a problem, the sub menu width is narrow and the voices go on two or more lines.

You can see the problem here

{URL REMOVED}

How is possible to resolve?

Thank You

Reply From: Likno Customer Support

Dear Giulio,

The problem is that your page does not have a valid DOCTYPE and falls into “IE quirks mode”.

To fix the problem, please remove this line:

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

And add this, but also make sure that it is the very first line in your document (without even an empty line before it):

<!DOCTYPE html>

This is the new HTML 5 DOCTYPE. If you prefer the old HTML Transitional DOCTYPE, then the proper code is:

<!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: Giulio

Thanks Kostas it works, but the site is optimized for <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

and is not validated with <!DOCTYPE html> or

<!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">

There is a workaround that avoid me to modify all the pages for validation(very hard work)

Thank you

GIULIO

Reply From: Likno Customer Support

Dear Giulio,

I just noticed that in my last email I sent you the XHTML 1.0 transitional DOCTYPE instead of the HTML 4.01.

Do you want to also try this one?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

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

Hi Kostas Thanks Again i made a new test page with this solution what happen now

{URL REMOVED}

is that the menu is not in the correct position and the position is different in different browsers.

Any ideas?

Thanks

Giulio

Reply From: Likno Customer Support

Hello again,

This is because different browsers will have different default settings for text alignment.

More specifically, you currently position your menu relative to a <span>. In IE, under this DOCTYPE, the span is centered in the <td> and your menu follows the <span> (its left-top corner is bound to the left-top cornet of the <span>).

Possible solutions (choose any one):

1) replace this:

<td id="TDSX">

With this:

<td id="TDSX" style="text-align: left;">

2) set the AllWebMenus positioning to “center”:

menu position relative to element

3) Change the AllWebMenus positioning to directly use the <td> instead of the <span> and then remove the <span> from your page (this is probably the best):

menu position relative to element ID

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

Hi Kostas it seems that work the first solution.

Very Very Thanks, this is one of the best support I meet over the world.

Very thanks Again

Giulio

Tags: , , , , , , , , , , , , , ,

AllWebMenus, Knowledge Base No Comments »

 

January 16th, 2013LWAC: Accordion has a thick separator in IE which is not the desired result

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


Initial Email From: Todd
Initial Email Subject: Accordion Separator Display Issue
Support Case Month: December 2012

Greetings.  I have noticed recently that a particular accordion's separator is displayed differently on any pages.  In some instances the separator is thin, whereas in some instances it is thick.  This is despite any obvious CSS changes that I can tell.

On my screen, this is one of the separators that appears thicker:

{URL REMOVED}

These separators appear thin (desired):

{URL REMOVED}

Additionally, all accordion separators look thin when viewed with Chrome.

Is this something that I goofed up?  I don't remember making any significant changes, but I could be all wet.  Any help is most appreciated.  Cheers and thanks!

Reply From: Likno Customer Support

Dear Todd,

I assume that the thin separator is this:

thin accordion separator

And the thick is this:

thick accordion separator

If so, the “thick” happens only in IE when it is in “quirks mode”. This is actually IE5.5 Compatibility Mode and it happens when you do not have a valid DOCTYPE in your page. Having anything at all before the DOCTYPE can also trigger the quirks mode (the DOCTYPE should always be the first thing in the page).

My suggestion is that you turn your pages to the HTML 5 DOCTYPE which is much simpler and make sure that all your pages start with the following two lines:

<!DOCTYPE html>

<html>

Note that this DOCTYPE does not require any URLs nor does it have different modes (e.g. transitional, strict etc.)

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

Yes, that’s correct about the separator.

Thanks for the help, Kostas!  Smile

Tags: , , , , , , , , , ,

Knowledge Base, Likno Web jQuery Accordion Builder No Comments »

 

© 2009-2013 Likno Blog – Drop-Down Menus, Javascript Menus, CSS Menus, jQuery Scrollers/Sliders, Modal Windows
XHTML CSS RSS