This event is called the "Hanging Menu" effect. The "Hanging Menu" effect is an IE-only bug that can be solved by placing the Linking Code instance of the menu right before the </body> TAG.

In more detail, IE is loading pages in a different way that other browsers. It first loads the structure and then it loads all the text and images. The result of this is that you get the "awmAnchor" with the structure (hence the menu shows), but the whole table is still empty and concentrated in the top-left conrner (and your Anchor is there too!).

You may have noticed cases where you have pictures in your webpages and the image-holder box changes size when it loads the image (it's the same thing).

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


HTML can sometimes be a tricky business... and as such, not everything you see is what you (actually) get!

When adding HTML content through the relevant properties available in our applications, some special characters you add might be incorrectly translated as HTML.

This will cause the following to happen:

  • Special Characters will not be displayed properly
  • Your entire HTML content might be broken

So, what can you do about this?

To make special characters show up on your pages, simply use a special set of codes called "character entities". When you add character entities into your HTML code, your browser will display them as the corresponding symbols or characters you want.

The International Organization for Standardization has narrowed down in a list and has compiled in the ISO Latin Alphabet the most commonly used character entities which include special characters, letters with diacritical marks (accents, umlauts, etc.), and scientific and currency symbols.

The code to be used for special characters is displayed in the Name Code and Number Code columns. You can use either codes as they will render the desired results in the same way.

ISO Entities

Name Code Number Code Glyph Description
&lsquo; left single quote
&rsquo; right single quote
&sbquo; single low-9 quote
&ldquo; left double quote
&rdquo; right double quote
&bdquo; double low-9 quote
&dagger; dagger
&Dagger; double dagger
&permil; per mill sign
&lsaquo; single left-pointing angle quote
&rsaquo; single right-pointing angle quote
&spades; black spade suit
&clubs; black club suit
&hearts; black heart suit
&diams; black diamond suit
&oline; overline, = spacing overscore
&larr; leftward arrow
&uarr; upward arrow
&rarr; rightward arrow
&darr; downward arrow
&trade; trademark sign
Name Code Number Code Glyph Description
&#00;-&#08; unused
&#09; horizontal tab
&#10; line feed
&#11; unused
&#32; space
&#33; ! exclamation mark
&quot; &#34; " double quotation mark
&#35; # number sign
&#36; $ dollar sign
&#37; % percent sign
&amp; &#38; & ampersand
&#39; ' apostrophe
&#40; ( left parenthesis
&#41; ) right parenthesis
&#42; * asterisk
&#43; + plus sign
&#44; , comma
&#45; - hyphen
&#46; . period
Name Code Number Code Glyph Description
&frasl; &#47; / slash
&#48;-&#57; digits 0-9
&#58; : colon
&#59; ; semicolon
&lt; &#60; < less-than sign
&#61; = equals sign
&gt; &#62; > greater-than sign
&#63; ? question mark
&#64; @ at sign
&#65;-&#90; uppercase letters A-Z
&#91; [ left square bracket
&#92; \ backslash
&#93; ] right square bracket
&#93; ] caret
&#95; _ horizontal bar (underscore)
&#95; _ grave accent
&#97;-&#122; lowercase letters a-z
&#123; { left curly brace
&#124; | vertical bar
Name Code Number Code Glyph Description
&#125; } right curly brace
&#126; ~ tilde
&#127;-&#149; unused
&ndash; &#150; en dash
&mdash; &#151; em dash
&#152;-&#159; unused
&nbsp; &#160; nonbreaking space
&iexcl; &#161; ¡ inverted exclamation
&cent; &#162; ¢ cent sign
&pound; &#163; £ pound sterling
&curren; &#164; ¤ general currency sign
&yen; &#165; ¥ yen sign
&brvbar; or &brkbar; &#166; ¦ broken vertical bar
&sect; &#167; § section sign
&uml; or &die; &#168; ¨ umlaut
&copy; &#169; © copyright
&ordf; &#170; ª feminine ordinal
&laquo; &#171; « left angle quote
&not; &#172; ¬ not sign
&shy; &#173; ­ soft hyphen
&reg; &#174; ® registered trademark
&macr; or &hibar; &#175; ¯ macron accent
Name Code Number Code Glyph Description
&deg; &#176; ° degree sign
&plusmn; &#177; ± plus or minus
&sup2; &#178; ² superscript two
&sup3; &#179; ³ superscript three
&acute; &#180; ´ acute accent
&micro; &#181; µ micro sign
&para; &#182; paragraph sign
&middot; &#183; · middle dot
&cedil; &#184; ¸ cedilla
&sup1; &#185; ¹ superscript one
&ordm; &#186; º masculine ordinal
&raquo; &#187; » right angle quote
&frac14; &#188; ¼ one-fourth
&frac12; &#189; ½ one-half
&frac34; &#190; ¾ three-fourths
&iquest; &#191; ¿ inverted question mark
&Agrave; &#192; À uppercase A, grave accent
&Aacute; &#193; Á uppercase A, acute accent
&Acirc; &#194; Â uppercase A, circumflex accent
Name Code Number Code Glyph Description
&Atilde; &#195; Ã uppercase A, tilde
&Auml; &#196; Ä uppercase A, umlaut
&Aring; &#197; Å uppercase A, ring
&AElig; &#198; Æ uppercase AE
&Ccedil; &#199; Ç uppercase C, cedilla
&Egrave; &#200; È uppercase E, grave accent
&Eacute; &#201; É uppercase E, acute accent
&Ecirc; &#202; Ê uppercase E, circumflex accent
&Euml; &#203; Ë uppercase E, umlaut
&Igrave; &#204; Ì uppercase I, grave accent
&Iacute; &#205; Í uppercase I, acute accent
&Icirc; &#206; Î uppercase I, circumflex accent
&Iuml; &#207; Ï uppercase I, umlaut
&ETH; &#208; Ð uppercase Eth, Icelandic
&Ntilde; &#209; Ñ uppercase N, tilde
&Ograve; &#210; Ò uppercase O, grave accent
&Oacute; &#211; Ó uppercase O, acute accent
&Ocirc; &#212; Ô uppercase O, circumflex accent
&Otilde; &#213; Õ uppercase O, tilde
Name Code Number Code Glyph Description
&Ouml; &#214; Ö uppercase O, umlaut
&times; &#215; × multiplication sign
&Oslash; &#216; Ø uppercase O, slash
&Ugrave; &#217; Ù uppercase U, grave accent
&Uacute; &#218; Ú uppercase U, acute accent
&Ucirc; &#219; Û uppercase U, circumflex accent
&Uuml; &#220; Ü uppercase U, umlaut
&Yacute; &#221; Ý uppercase Y, acute accent
&THORN; &#222; Þ uppercase THORN, Icelandic
&szlig; &#223; ß lowercase sharps, German
&agrave; &#224; à lowercase a, grave accent
&aacute; &#225; á lowercase a, acute accent
&acirc; &#226; â lowercase a, circumflex accent
&atilde; &#227; ã lowercase a, tilde
&auml; &#228; ä lowercase a, umlaut
&aring; &#229; å lowercase a, ring
&aelig; &#230; æ lowercase ae
&ccedil; &#231; ç lowercase c, cedilla
&egrave; &#232; è lowercase e, grave accent
Name Code Number Code Glyph Description
&eacute; &#233; é lowercase e, acute accent
&ecirc; &#234; ê lowercase e, circumflex accent
&euml; &#235; ë lowercase e, umlaut
&igrave; &#236; ì lowercase i, grave accent
&iacute; &#237; í lowercase i, acute accent
&icirc; &#238; î lowercase i, circumflex accent
&iuml; &#239; ï lowercase i, umlaut
&eth; &#240; ð lowercase eth, Icelandic
&ntilde; &#241; ñ lowercase n, tilde
&ograve; &#242; ò lowercase o, grave accent
&oacute; &#243; ó lowercase o, acute accent
&ocirc; &#244; ô lowercase o, circumflex accent
&otilde; &#245; õ lowercase o, tilde
&ouml; &#246; ö lowercase o, umlaut
&divide; &#247; ÷ division sign
&oslash; &#248; ø lowercase o, slash
&ugrave; &#249; ù lowercase u, grave accent
&uacute; &#250; ú lowercase u, acute accent
&ucirc; &#251; û lowercase u, circumflex accent
Name Code Number Code Glyph Description
&uuml; &#252; ü lowercase u, umlaut
&yacute; &#253; ý lowercase y, acute accent
&thorn; &#254; þ lowercase thorn, Icelandic
&yuml; &#255; ÿ lowercase y, umlaut

Source: WebMonkey

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


When you build a menu using AllWebMenus Pro and its Joomla add-in, you need to perform some more actions in order to make it appear in your site.

The procedure you have to follow so as to make your menu work using the Joomla add-in of AllWebMenus Pro is the following:

  1. Allocate a domain for the site you want your menu to appear. To do that you have to login to your Likno User Area account and click on the link "Allocate/Purchase Domain Licenses" under the "Server-Side Menu Add-in" option in the "AllWebMenus Add-ins" section. There you will find a form in which you will be able to allocate the appropriate domain.
  2. Reactivate your AllWebMenus Pro application. After you allocate the appropriate domain you need to reactivate your application in order to get this informed about the domain allocation.
  3. Go to Tools > Project Properties > Folders and define properly the Site_Root folder property, which is the folder you want your menu zip file to reside, after the compilation of your menu project; when you compile your menu (in step 5) a zip file will be generated. You have also to define the Compiled menu name property, which is the name of the zip file that will be generated after the compilation of your menu project (e.g. if you use the menu2 value for the Compiled menu name property the zip that will be generated will be the following!
  4. Setup Joomla Menu / Choose domain. You have to go to Add-ins > Joomla Menu > Setup Joomla Menu / Choose domain and choose the allocated domain from the drop down list for your menu (see Images 1,2). In image2 you will see that i choose a sample domain called
  5. Compile your menu for this domain. You have to go to Add-ins > Joomla Menu > Compile Joomla Menu (for  domain: localost). Instead of  localhost you should see your allocated domain; see image 3 which shows you an example for the sample domain After the compilation of your menu ,a zip file will be generated.




Finally you are ready to link your menu in your Joomla site. To do that you just have to Upload the compiled menu (the ZIP file mentioned above) via the Joomla administrator area. Go to "Components > AllWebMenus > Upload Compiled Menu ZIP file", select the menu (zip) file (which is in the Site_Root folder as described in step 3) and upload it. Your AllWebMenus menu has been successfully uploaded and installed. You will now be able to view the menu on your Joomla website.

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


AllWebMenus Pro provides support with Dreamweaver software. You can find the free available Dreamweaver extension and the appropriate information about how to install it and integrate your Deamweaver software with your AllWebMenus Pro application in the following link of Likno site:

Let's assume that this extension is already installed (as described in the link I provided above) in version CS3 of Dreamweaver. What does one have to do in order to install it also in version CS4 of Dreamweaver?

For each Dreamweaver version, you have to use the appropriate extension manager; for Dreamweaver CS4 you need to use Extension Manager CS4, while for Dreamweaver CS3 you need to use Extension Manager CS3.

Since each version recognizes their own CS products, Dreamweaver CS4 should be available only in Extension Manager CS4. Use the built-in install function in the Extension Manager CS4 and open the mxp file (this file exists in the free extension) to install it for Dreamweaver CS4. This will not affect the current CS3 integration.

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


In rare cases your AllWebMenus menu might be some pixels away for a specific browser. Thus you need to apply to this menu the appropriate x,y offset values for this browser only. In other words you need to apply in your menu browser specific offsets.

To do that you just have to click on the "Menu Positioning" button. In the window that will appear you must click on the "Click for Browser-specific offsets" button and define properly the offsets for the specific browser (see the image below).

Finally, recompile your menu and re-upload the appropriate files if you have it (i.e. the menu) online.

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


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