Google Answers Logo
View Question
 
Q: Drop-down menu/ navigation bar ( Answered 4 out of 5 stars,   1 Comment )
Question  
Subject: Drop-down menu/ navigation bar
Category: Computers
Asked by: esarkissian-ga
List Price: $5.80
Posted: 11 Apr 2003 17:13 PDT
Expires: 11 May 2003 17:13 PDT
Question ID: 189493
Hello,

Can I please have instructions on how to create a navigation bar just
like the one at www.act.com?  Particularly, I like how they use text
instead of an image to trigger the menu, and I like how the cell
background changes color.

I have DreamWeaver 4 and Fireworks 4.  Is this possible from within
these two programs, or do I need to use javascript or something?

Thanks.

ed
Answer  
Subject: Re: Drop-down menu/ navigation bar
Answered By: nutshell-ga on 11 Apr 2003 19:19 PDT
Rated:4 out of 5 stars
 
Dear esarkissian-ga,

In order to add a drop down menu like the one you find in www.act.com,
you do need to use Javascript and it is really simple to do so.

Please visit
 
http://www.dynamicdrive.com/dynamicindex1/topmen4/index.htm 

In the above page, you will find the zip file, topmenu4.zip. Download
the file, unzip the content and open the file readme.txt. In this file
you'll find step by step instruction to add the script to your html
code and also instructions to customize it to your needs (like menu
names, links, color etc).

You might want to check how this script works by opening the menu.htm
file where you'll find an example of the drop down menu.

There are many other useful navigation menus and DHTML script effects
at

http://www.dynamicdrive.com/

If you do not want to play around with javascript yet, you can create
what is called a Jump Menu using Dreamweaver without having to open
the source code. Instrcution for using the jump menu can be found in
dreamweaver help pages.

search strategy: keywords used in google:

"dhtml drop down menu"

Google link:

://www.google.com/search?q=dhtml+drop+down+menu&hl=en&lr=&ie=UTF-8&oe=UTF-8

Happy scripting!

Nutshell-ga

Request for Answer Clarification by esarkissian-ga on 16 Apr 2003 15:34 PDT
Nutshell,

I still can't quite get it to look right.  2 things: When I choose a
blue border around the drop-down, it also puts that border between
each "choice" as well as around the outer edge.  How do I get it to
only go around the outer edge?  For instance on www.act.com, under the
first drop-down "Products", there is nothing between all the choices
(Act! 6.0, Act! for the Web, etc).

My 2nd question is when you mouseOver the choices in the drop-down on
act.com, each one 'underlines' like a link.  How can I do that as
well?

Thanks nutshell.  My goal is to get my menu to look almost exactly
like the one on Act.com.

ed

Request for Answer Clarification by esarkissian-ga on 16 Apr 2003 16:52 PDT
ok, I figured out my first question.  Please just elaborate on my 2nd
about the "underlining" on the mouseOvers.

Thanks.

ed

Clarification of Answer by nutshell-ga on 17 Apr 2003 10:34 PDT
Dear esarkissian-ga,

It took a while to figure this out. Here it is:

In the head of the page add the following script and save the file:

<style type="text/css">
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}
-->
</style>

After this, open the file mmenu.js in notepad or textpad and find the
word "decoration" by pressing ctrl+f. You'll find that the word
"decoration" apprears in three places. You will have to remove the
following from the SECOND place where the word "decoration" appears:

style='text-decoration:none;'

Please remember to remove exactly what is mentioned above and nothing
else. Save the file.

That's it! 

You'd get the underlines when the mouse is placed over the links in
the menu.

To uderstand how and why this works, visit the following search result
page in google and read the content in the first two links:

://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=underline+effect+in+text+link

Keywords used in google:

underline effect text link

Hope that get you back in the Act!

nutshell-ga
esarkissian-ga rated this answer:4 out of 5 stars

Comments  
Subject: Re: Drop-down menu/ navigation bar
From: bnc_user-ga on 28 Apr 2003 14:01 PDT
 
www.usingit.com
try this... platinum builder... so you can concentrate on the
navigation rather then scripting

Important Disclaimer: Answers and comments provided on Google Answers are general information, and are not intended to substitute for informed professional medical, psychiatric, psychological, tax, legal, investment, accounting, or other professional advice. Google does not endorse, and expressly disclaims liability for any product, manufacturer, distributor, service or service provider mentioned or any opinion expressed in answers or comments. Please read carefully the Google Answers Terms of Service.

If you feel that you have found inappropriate content, please let us know by emailing us at answers-support@google.com with the question ID listed above. Thank you.
Search Google Answers for
Google Answers  


Google Home - Answers FAQ - Terms of Service - Privacy Policy