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