Help with Css Menu maker installation

Zizzle · **Joined:** Tue Jul 31, 2012 4:44 am **Posts:** 5

Hi,
Let me start by stating that i am a begginer to this and would greatly appreciate any help you can offer. i am finding your website very helpful to the development for my website. i having trouble uploading my menu into my published site. In step 2 from the css site installation instructions where do i put this text?

"Installation Instructions
1) Upload the menu_assets folder to the root directory of your website. This is usually where your index.html file is.
2) Copy and paste the code below somewhere between the <head></head> tags."????

thanks

Zach

iWebFAQ · **Posted:** Tue Jul 31, 2012 9:40 am

Hi Zach,

please ignore the instructions you're given in the Installation Instructions file especially the between the <head> tags part.
Take the line you're supposed to put between <head> tags and put it at the top of the other code of the menu for it to look something like this:

Code:

<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div>
<ul class="menu">
<li class="top"><a href="#" class="top_link"><span>Sample Menu</span></a></li>
<li class="top"><a href="#" class="top_link"><span>Sample Menu This is some longer text</span></a>
<ul class="sub">

(first line is the one which should go between <head>, just put it together with the rest of the code)

Regards,
Cédric

Zizzle · **Joined:** Tue Jul 31, 2012 4:44 am **Posts:** 5

Hi,
Thanks for your prompt response. I must be doing something wrong. When I combine these two lines of code and set up MassReplace just as in your tutorial the following happens:

In Safari: My Nav menu is highlighted in blue, it's vertical, & it's text(kinda looks like an outline).

In iWeb: the text box that I create with "menugoeshere" does not change.

MassReplace is showing that it's making the changes and replaces the text with my menu. Not sure what I am doing wrong, can you help please?

Thanks,

Zach

iWebFAQ · **Posted:** Tue Jul 31, 2012 7:19 pm

Looks like you didn't upload the "menu" folder containing the menu's source files (menu_style.css file) or didn't upload it to the right location or you may have to change the path to make it absolute /menu/menu_style.css
Difficult to say what's your case without having a link to the page.

Anyway MassReplaceIt is working as it should. In iWeb itself "MenuGoesHere" will never change. MRI works on published files, no effect on iWeb itself.

Zizzle · **Joined:** Tue Jul 31, 2012 4:44 am **Posts:** 5

Hi Again,
Ok, sorry don't mean to be a pest but really like your site and what it has to offer. I also really like the drop down menu that I created on css. When I make the folder absolute meaning menu/menu_style.css its now not showing at all on my published site, not even incorrectly like it was before? This leads me to believe that I am not putting it in the right location. So when I publish my site to a folder-that creates the pages in html form, the main folder for the site. Is that where I need to be placing it? Or is there a folder inside that main root folder I need to be focusing on? I would send pics but any uploads I try are not excepted, please advise?

Thanks again for all your help!

Zach

iWebFAQ · **Posted:** Wed Aug 01, 2012 12:12 am

menu/menu_style.css
needs to be
/menu/menu_style.css

menu folder needs to be uploaded to the root of your server meaning that by entering
http://yourdomain.com/menu/menu_style.css
into your browser the file should appear (and not a Not found error message)

Zizzle · **Joined:** Tue Jul 31, 2012 4:44 am **Posts:** 5

Hey,
Ok I got it to work. Thanks alot looks great! How would I go about making my newly created menu items into hyperlinks to my pages?

Thanks again,

Zach

iWebFAQ · **Posted:** Sun Aug 05, 2012 12:28 pm

There's an extra box for the URLs on the CSS Menu Maker website when you build your menu.

Otherwise read How to make links and image-links on this page:
http://iwebfaq.org/site/iWeb_Basic_HTML_knowledge.html

In the menu code you'll find lines like this:
<li><a href="#">Sample Menu</a></li>
where you have to type the URL (replacing #)

Good luck,
Cédric

Zizzle · **Joined:** Tue Jul 31, 2012 4:44 am **Posts:** 5

Worked perfectly,
Again, thank you so much!

I really appreciate all your support!

Thanks,

Zach

hozey · **Joined:** Sat Nov 26, 2011 3:56 pm **Posts:** 57

I'm using the free version of CSS3 Menu 2.3 for a non-profit website. When I hit Save or Publish the folder generated only has these items in it; arrow sub.png, hsep.png, mianbk.png and style.css. There is no /menu/menu_style.css file as mentioned here or in your eBook. Can I just rename the style.css file and place it at the root level?