Forum Moderators: open

Message Too Old, No Replies

How to make a drop-down box

How to make a drop-down box

         

amythepoet

1:02 am on Aug 12, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi,

I am trying to make a list of things and thought a drop-dwn box might be a good way to do it.

Therefore, I'd like to makea drop-down box to help with navigation and wanted to know how to do it and if it will hurt me in anyway with regard to search engines?

Thank you
-a-

pinokiyo

6:23 am on Aug 12, 2004 (gmt 0)

10+ Year Member



A drop down menu? I"m trying to figure it out too!

neo_brown

1:10 pm on Aug 12, 2004 (gmt 0)

10+ Year Member



I believe these can cause problems with search engines. Well not necesarilly problems, but SE's may not follow the links within them. Enusre you have standard text links to all of your pages, be it from a site map or alternative navigation(bottom of page etc).

amythepoet

1:28 pm on Aug 12, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Ok thanks, right now I'm working on changing the colors, always something..

kodaks

11:41 pm on Aug 12, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Here is how to make a simple drop down menu:


<form name="jump">
<select name="menu">
<option value="http://www.mysite.com">My Site</option>
<option value="http://www.myothersite.com">My other Site</option>
<option value="http://www.yetanothersite.com">Yet another site</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>

If you need more options, simply add more:


<option value="URL">Site Name</option>

amythepoet

11:58 pm on Aug 12, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Thanks for that

Now I am h aving trouble opening up a winmail.dat file on a mac, anyone know how to do that?

kodaks

2:08 am on Aug 13, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You'll get better answers if you post that in the Macintosh Webmaster Forum. [webmasterworld.com...]

pinokiyo

2:38 pm on Aug 13, 2004 (gmt 0)

10+ Year Member



Okay, I was thinking of a different Drop Down Menu... one where you put your mouse over a image link and a menu comes down. (like the one on the ATI website)

kodaks

3:47 pm on Aug 13, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Gooogle "guistuff generation tools". They offer free drop down menu generators, like the menus at ATI.

pinokiyo

5:25 pm on Aug 13, 2004 (gmt 0)

10+ Year Member



Okay, I registered but I don't see the generator for the drop down menu that I was talking about.

The one on the ATI site with the image link that says "Products, Customer Care, Buy, Drivers & Software, Partners" and a menu comes down.

kodaks

8:12 pm on Aug 13, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hmm..Gui may not be able to do that.

maccas

8:27 pm on Aug 13, 2004 (gmt 0)

10+ Year Member



Try mygosuMenu, it doesn't have a image at the top but it should be able to be customised to have one.

pinokiyo

8:37 am on Aug 14, 2004 (gmt 0)

10+ Year Member



Nice find maccas...

But I can't seem to figure out how to use an Image at the top instead. Another complication is that I am using Rollover Images.

pinokiyo

8:54 am on Aug 14, 2004 (gmt 0)

10+ Year Member



I have no clue what I'm doing...

<head>
<link rel="stylesheet" type="text/css" href="example1.css" />
<script type="text/javascript" src="../ie5.js"></script>
<script type="text/javascript" src="DropDownMenuX.js"></script>
</head>

<body>
<TABLE WIDTH=384 BORDER=0 CELLPADDING=0 CELLSPACING=0 id="menu1" class="ddmx">
<TR>
<TD>
<A class="item1" href="javascript:void(0)"
ONMOUSEOVER="changeImages('links_01', 'link/links_01-over.gif', 'links_02', 'link/links_02-links_01_over.gif'); return true;"
ONMOUSEOUT="changeImages('links_01', 'link/links_01.gif', 'links_02', 'link/links_02.gif'); return true;">
<IMG NAME="links_01" SRC="link/links_01.gif" WIDTH=64 HEIGHT=23 BORDER=0 ALT=""></A></TD>
<div class="section">
<a class="item2" href="example1.html">Product One</a>
</body>

pinokiyo

2:28 pm on Aug 14, 2004 (gmt 0)

10+ Year Member



The one on the Phoenix Suns basketball team website seems to have an image rollover with the menu... but how!?

pinokiyo

12:56 pm on Aug 18, 2004 (gmt 0)

10+ Year Member



bump... Can anyone help?