Drop down menu displays as text only...

SalvableRuin · **Joined:** Tue May 04, 2010 1:54 am **Posts:** 2

If someone can let me know what I am doing wrong, I will be very grateful. I am trying to add a CSS menu to an iWeb site as suggested by iwebfaq.org. The menu itself was created at, and downloaded from, www.cssmenumaker.com. The menu is visible and the links work correctly, but the menu does not appear as a drop down menu. It is displayed simply as a text menu. Has anyone else had trouble with this?

iWebFAQ · **Posted:** Tue May 04, 2010 9:20 am

If you want me to help you I need a link to the page where you tried to embed it. Otherwise there is no way for me to know what is going wrong.

Regards,
Cédric

SalvableRuin · **Joined:** Tue May 04, 2010 1:54 am **Posts:** 2

Quote:

If you want me to help you I need a link to the page where you tried to embed it. Otherwise there is no way for me to know what is going wrong.

Regards,
Cédric

Hi Cédric, here is a link to the page. I haven't done any work on the page yet besides attempting to add the drop down menu, so ignore the mess.

http://www3.telus.net/public/salvable/D ... /Home.html

I have followed the instructions exactly, so far as I can tell, and have read them over a few times. Somehow I am not linking the code for the menu to the css file (or something to that affect) and using MassReplaceIt or iTweak to replace "</head> with <the code></head>" Isn't doing anything. Thank you in advance for your help.

iWebFAQ · **Posted:** Tue May 04, 2010 11:40 pm

You didn't upload the "menu" folder containing the source of the menu or there is a wrong relative path in this part of the code:

Code:

<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<!--[if IE]>
   <style media="all" type="text/css">@import "/menu/ie.css";</style>
<![endif]-->

Entering

Code:

/menu/menu_style.css

as the relative path the file is searched under

Code:

http://www3.telus.net/menu/menu_style.css

but that's not where the file is.

So you have to change the relative path in the code for the source files to be searched for in the right location.

Hence replace the lines above with

Code:

<style media="all" type="text/css">@import "/public/salvable/menu/menu_style.css";</style>
<!--[if IE]>
   <style media="all" type="text/css">@import "/public/salvable/menu/ie.css";</style>
<![endif]-->

Regards,
Cédric

xroox · **Joined:** Thu Nov 05, 2009 12:16 am **Posts:** 3

Hi, having the same problem with this tutorial!

Please see http://dynarepsales.com/Welcome.html

I have tried changing the path from relative to absolute and still get the same result... Any tips?

Thanks

iWebFAQ · **Posted:** Fri Dec 10, 2010 5:42 am

I currently can't help you. Will answer on Sunday.

Anyway you will find a lot of topics about it on the forum and one may include the answer.

Cédric

xroox · **Joined:** Thu Nov 05, 2009 12:16 am **Posts:** 3

Hi !

I managed to get it working. As usual it was a totally simple and tiny oversight.

My Mac downloads and then unzips files creating a folder automatically... So I had a folder called 'menu' which wasn't actually the right folder. There was another folder inside called 'menu', along with the sample.html and the installation_instruction.html files.

So, I had to pull out that folder and use the right one!

However, I am noticing some very odd behavior in Safari, as you can see in this attached screenshot! Normal in firefox. Have not tested in IE. There are supposed to be four menu items, instead in Safari the last two appear as a part of the drop-down! Again this does NOT happen in firefox. I will ask the makers of the menu generator

Thanks