Trying to create a menu with the css menu designer. Following the tutorial but all I end up with is an unordered list. Even when I preview it.

Here is the link http://www.inthedogshouse.ca/

One thing I did notice (and changed to no avail) is that the code generated does not look like this:
<link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen"> like the tutorial says it should.

It looks like this:
<link rel="stylesheet" type="text/css" href="css/Main Menu-menu.css" media="screen">

I renamed everything (id, css file name, and the href in the <link rel"...) It didn't help.

Any help would be greatly appreciated. I have learned a lot in the last few months but have so much more to learn.

Alan

When you create the menu, the "Menu Designer" tab has "Menu name:" above the "Add Root Item" button. Apparently, the default menu name is "menu", but it looks like you inserted the name, "Main Menu".

The space in that name is what's throwing things off. Some types of servers will ignore files with spaces in their names. This space also has an effect on the CSS.

Your menu code ends up starting with...



This is telling the browser to look for and apply two different class style rules, one for ".Main" and another for ".Menu-menu"

So, you basically need to change your menu name, and then insert the new code that's generated as a result.

That was easy.

Thanks!

Alan

Much good karma to you

1. can I use my own images with CSS Menu Designer
2. can I add a text box container on "Mouseover"

You can hack the code the css menu maker, in the Html Editor, generates to make your menu your own. I didn't like the flat color so I placed a gradient on one that I made.