Dropdown menu help.

[skump]

Ok. I am going crazy trying to figure this out.
I would like to add this dropdown menu to our site and I am not able to make
it work! http://www.stunicholls.com/menu/pro_dropdown_1.html

I have imported the .js and the .css file along with the images into a web
site. I also see on the site that he provides the javascript code to use. NOW
WHAT? Can someone please explain to me how to use this? Or lead me to some
instructions on using these types of menus?
Thanks.

 

[Trevor Lawrence]

I recently answered a similar query from another poster who had found a
great simple dropdown menu, so you could try that

See post "Re: need some help/advice on a menu."

If that doesn't help, I may have a look at your page a little later

 

[skump]

Thanks for the reply.
I just looked at the post you mentioned and it didnt really help much. I
guess I am just not sure how these scripts work.? I know that I need to
import the JS file and the css file into my site but I am not sure how to
make it all work together. If you can tell me how I can get the script to
work that would be great.

Thanks again for taking time to post back.
Shane.

 

[Trevor Lawrence]

A quick reply.

Will do. That is, I'll try to help as you asked. May not be just now,
however

 

[Trevor Lawrence]

Shane,

The site you gave has a link Download pro_dropdown_1.zip If you click on
this, it will initiate a download to your site of this file. Then unzip it
and it will create this structure
pro_dropdown_1 (folder)
|__pro_dropdown_1.html
|__pro_drop_1 (folder)
|__pro_drop_1.css
|__arrow.gif
|__arrow_over.gif
|__blank.gif
|__blank_over.gif
|__blank_overa.gif
|__blanka.gif
|__stuHover.js

These are all the files that you need for the menu to work. To try it out,
just click on pro_dropdown_1.html. None of the links work, because you need
to set up the links and their destination files

An example of the links in pro_dropdown_1.html is
<ul id="nav">
<li class="top"><a href="#nogo1"
class="top_link"><span>Home</span></a></li>
<li class="top"><a href="#nogo2" id="products" class="top_link"><span
class="down">Products</span></a>
<ul class="sub">
<li><a href="#nogo3" class="fly">Cameras</a>
<ul>
<li><a href="#nogo4">Nikon</a></li>
<li><a href="#nogo5">Minolta</a></li>
<li><a href="#nogo6">Pentax</a></li>
</ul>
</li>

The names after href= are the destinations of the links. So you could
replace #nogo2 with http://ratec.actbus.net and you will go to a site that I
maintain Similarly, for the other links

You need to keep this structure and change the entries as you need to create
your menu. The structure is
<ul>
<li> </li>
<li> </li>
....
</ul>

But <li></li> can include other <ul>s

It also looks as if you need to watch the class= entries e.g.
class= "top"
class= "top_link"
class= "down"
class= "sub"
class= "fly"

These have specific meanings, but I would say just follow the example and it
should be OK

Give at a go and if it doesn't work, post a link to your attempt that I can
have a look

 

[skump]

Wow. Thank you so much for all the information.
I really appreciate you taking the time to look at this for me. I will give
it a shot and let you know if I do have any pther problems.

Shane.