Forum Moderators: not2easy

Message Too Old, No Replies

How do you create a navigational pull down menu

Similar to that seen on major websites

         

unbeatabletechnology

11:39 pm on Jan 4, 2005 (gmt 0)

10+ Year Member



Hello WebmasterWorld Members,

I am looking to create a navagational pull down menu similar to that seen on dotster.com. I would also like to make this navagation menu in a vertical fashion with the links coming out horizontally.

I would like to integrate the pull out feature on dotster with the way microsft.com has their highlight link feature on their major links on the left hand vertical column.

Thanks again,

-Michael

limbo

12:46 pm on Jan 5, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The ones on dotster look like Fireworks (FW) generated javascript. Do you have access to FW? If so you assign the 'popup menu' option to a slice. It can be tricky to get perfect - the code needs a few tweaks to run smoothly but the results can be quite sexy.

Worth checking out this thread [webmasterworld.com] for a little more background info.

tristo

12:55 pm on Jan 5, 2005 (gmt 0)

10+ Year Member



hmmm... I reckon it's Java script. you can buy little programs that build those menus for you. There are plenty out there. Try searching for "java script drop down menu" and you'll hit about a billion solutions.

I've stickied you the name of the software I use.

Careful about how you set it up. SE don't like it much.

MatthewHSE

1:11 pm on Jan 5, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



If you're familiar with CSS, www.a list apart.com/articles/horizdropdowns/ (remove the spaces) explains how to make a great navigation menu that SE's will crawl and works reliably cross-browser. If I were after a menu like this, the method described in that article is how I would do it.

unbeatabletechnology

5:03 pm on Jan 5, 2005 (gmt 0)

10+ Year Member



MatthewHSE,

I went to the site you gave and looked at the sample which is what I would like the links to look like. I am having trouble coding this though since I have never done it before. I added all the information and links in the lists. That part works fine.

The part I am having trouble with is where to put the rest of the code they want you to add. When they are formatting the lists and unordered lists do you replace previous code or put that new code somewhere else? Also when you add that javascript where are you supposed to put that code?

Thanks,

Mike

Lorel

5:35 pm on Jan 5, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I use the mygosumenu on sites that need a drop down menu (also available in vertical). It runs on JS, CSS and HTML so if a search engine can't read one it can read the other and I've checked this on multiple browsers and OS and it works fine.

MatthewHSE

6:30 pm on Jan 5, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



The part I am having trouble with is where to put the rest of the code they want you to add. When they are formatting the lists and unordered lists do you replace previous code or put that new code somewhere else?

Not sure what you mean by "the rest of the code" or "replace previous code." The tutorial includes all the code you need, though naturally you need to edit the links and link text for your purposes.

Also when you add that javascript where are you supposed to put that code?

The javascript goes in the <head> of your document. I recommend using it as an external .js file.