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


Initial Email From:
Michael 
Initial Email Subject: Help with AWM (CSS)
Support Case Month: June 2013

I’m trying to get the CSS menu to populate to the page but I’m at a COMPLETE loss of understanding of how to do so with the CSS based menu. The testing site is at {URL REMOVED} (only working on the home/index page as I try to understand this)

The index.html page is based on a Dreamweaver template. (I use DW CS5.5)

I’m having several issues…

The menu was compiled in AWM 5.3 Build 910

Possibly if this issue is resolved the other issues regarding positions etc will be taken care of as I believe AWM is built to do all the positioning and code insertion automatically.

Thx for the help,
Michael

Reply From: Likno Customer Support

Hello Michael,

We are here to help, I saw your page and realized that you did not add the "UL/LI" elements that represent your menu.

See the image below, where to find these:

UL LI CSS menu population code

This is not related to the Dreamweaver Extension, do not use it at all. Just have the menu-linking code there (which I see that you did add) and the UL/LI section. Also check if everything id OK with the "Positioning" of the menu here:

menu positioning

Thank you!

Kind Regards,  

Aggelos Tsakonas
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: Michael

Thank you.

OK, I did what I think you’re telling me (went to “Project Properties > Populate menu inside your page… > <ul><li> structure and copied the code there and then entered the code on the template relative to the element <div id="menu-anchor"> (from the “Menu Positioning”)

Take a look at the home now. Clearly this isn’t what I’m trying to do. I would like the menu to populate horizontally (like at {URL REMOVED}) and I want the menu to behave in the manner the javascript menu does, i.e. with the hover over, etc. characteristics.

I am very confused with this and am not following what I should be doing. Yes, I know it would probably be easier (maybe not?) with the js menu but the js menu will not work (as I understand it) when the site is viewed on an iPad.

Suggestions?

Michael

Reply From: Likno Customer Support

Hello Michael,

I checked your files and I see that the problem is with the width and height of the menu items.

In CSS menu, the property works "as exactly" the width and height you specify and not as "at least". I noticed that you have set it as in the image below:

menu items width and height

Please correct these sizes in all your menu items (main, sub items and sub items+) to width/height values that perfects fit your menu.

Note that in CSS menu the width and height values are the same for all items. In this case, if you need a specific width/height for some menu items you need to do that with inline style.

In your Dreamweaver template go to the menu structure and set these properties in <li> and <a> tags. See image below:

width and height in menu structure

Let me know if you need further assistance.

Kind Regards,  

Aggelos Tsakonas
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!

Tags: , , , , , , , , ,

 

Hello!

We have released a new version of AllWebMenus Pro: Version 5.3 build #892.

Check out What's New

- New feature: "Link & Run Other Likno Projects (from menu)".
You can now link (and run) other Likno Projects (for example a "Likno Tooltips Project") on the same pages where this menu is also linked to. This is like adding the "linking code" of such Likno Projects on the same pages (but without actually doing so!).

menu links to other Likno Projects (tooltips, etc.)

Read how we use this feature on our own website (Use Case)

- Fixed some minor issues of the recently introduced "Image Sets" feature.

- Fixed a copy-paste issue in the Style Editor and Tree Structure.

- Fixed a positioning issue in IE (certain cases only), especially for RTL (Right-to-Left) menu implementations (Arabic, Hebrew, Persian, etc.).

- Fixed an issue where window.unload didn't function as expected (IE only).

- Fixed an issue where the items appeared wider than expected when a style value was used in the page's CSS for "width" (Opera and Safari only).

- Fixed an issue related to our Dreamweaver Extension for Dreamweaver version 6.

All features here: http://www.likno.com/allwebmenusinfo.html

Download the new version of our CSS menu builder at http://www.likno.com/download.html

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: http://www.likno.com/wat_dreamweaver.html

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

 


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