hello all how do i add a very basic drop down menu to a site? i have already got a menu in place on my site, i just want to add a drop down list on one off the links on my menu..

is there a snippet of text i can just add in the html code or is it a massive job changing loads of things around?

thanks

Nick · 16-11-2009, 03:44:14 PM

Just done one myself

Code:

<select onchange="window.open(this.options[this.selectedIndex].value,'_top')" style="width:215px;">
    <option>-- Navigation --</option>
    <option value="/page1.html">page1</option>
    <option value="/page2.html">page2</option>
    <option value="/page3.html">page3</option>
    <option value="/page4.html">page4</option>
    <option value="/page5.html">page5</option>
</select>

Systreg · 16-11-2009, 03:44:24 PM

Have a look at the javascript drop down menus on Dynamic Drive DHTML(dynamic html) & JavaScript code library

[edit]

An html one within a box I use on some of my sites:

Code:

<table width="160" cellpadding="1" cellspacing="0" border="1">
<tr>
<td bgcolor="#ffffff" align="center"><b>Free Anti Spyware</b></td>
</tr>
<tr>
<td>

<select name="menu" onChange="popup=window.open('','popup');popup.location=this.options[this.selectedIndex].value;" style="width: 160; font-family:'Arial'; color:#ffffff; background-color:#0F338A; font-size:8pt;">
<option value=>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Choose Below</option>
<option value="http://www.">Link Description</option>
<option value="http://www.">Link Description</option>
<option value="http://www.">Link Description</option>
</select>
</td>
</tr>
</table>

slowhost · 16-11-2009, 03:54:55 PM

thanks for that but i just cannot seam to figure it out, everytime i add anything it just completly messes up the page, i`m just trying to add a drop down thing for more options on the page in my sig but only want it on one part...

i have been trying all day and still cant do it... thick as f@@k

accelerator · 16-11-2009, 04:55:09 PM

If it makes you feel better I try not to use them because they often aren't great for site indexing, and I'm not overkeen on them from a usability standpoint either.

Rgds

retired_member8 · 16-11-2009, 09:07:10 PM

Keep to these simple principles. File: Link

HTML

HTML Code:

<ul id="nav">
	<li><a href="">LED GU10 Home</a></li> 
    <li><a href="">LED Light Bulbs</a> 
      <ul> 
        <li><a href="">Link</a></li> 
        <li><a href="">Link</a></li> 
      </ul> 
    </li> 
    <li><a href="">Buy LED Light Bulbs</a> 
      <ul> 
        <li><a href="">Link</a></li> 
        <li><a href="">Link</a></li> 
      </ul> 
    </li>
    <li><a href="">Buy other products</a> 
      <ul> 
        <li><a href="">Link</a></li> 
        <li><a href="">Link</a></li> 
        <li><a href="">Link</a></li> 
      </ul> 
    </li> 
    <li><a href="">Site Map</a>  
    <li><a href="">Contact Us</a> 
    <li><a href="">Link to us</a> 
</ul>

CSS

Code:

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul li {
	position: relative;
	float: left;
        width: 100px;

}
li ul {
	position: absolute;
	top: 30px;
	display: none;
}
ul li a {
	display: block;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
	padding: 5px;
	background: #333;
	margin: 0 2px;
}

ul li a:hover { background: #333; }
li:hover ul, li.over ul { display: block; }

JS for IE6 Error

Code:

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

16-11-2009, 03:39:45 PM	#1 (permalink)
slowhost Join Date: Jul 2008 Location: Lancashire Posts: 161 No Classified Ratings Domain Trader Rating: (0% / 0)	menu hello all how do i add a very basic drop down menu to a site? i have already got a menu in place on my site, i just want to add a drop down list on one off the links on my menu.. is there a snippet of text i can just add in the html code or is it a massive job changing loads of things around? thanks

16-11-2009, 04:55:09 PM	#5 (permalink)
accelerator Join Date: Apr 2005 Location: England Posts: 4,919 No Classified Ratings Domain Trader Rating: (100% / 31)	If it makes you feel better I try not to use them because they often aren't great for site indexing, and I'm not overkeen on them from a usability standpoint either. Rgds __________________ LowPrices.co.uk \| My Twitter \| KeyphraseDomains.co.uk \| Mens Shirts \| Hotels in Bath \| Money Off Code

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Domain Name Community	Replies	Last Post
My Flash Menu in progress	pbryd	Website Reviews	6	29-06-2009 06:51:16 AM
menu glitch	stender	Forum News & Feedback	13	12-01-2009 12:16:13 PM
Need someone to turn a regular css navigation menu into a drop down menu	bensd	Website Design	3	11-06-2007 06:56:56 PM
Nominet takes domain tasting off the menu - ZDNet UK	RSS	Domain Name News	0	07-08-2006 06:59:42 PM
Free CSS Menu Designs	admin	Website Design	0	03-06-2006 12:18:44 PM

16-11-2009, 03:54:55 PM	#4 (permalink)
slowhost Join Date: Jul 2008 Location: Lancashire Posts: 161 No Classified Ratings Domain Trader Rating: (0% / 0)	thanks for that but i just cannot seam to figure it out, everytime i add anything it just completly messes up the page, i`m just trying to add a drop down thing for more options on the page in my sig but only want it on one part... i have been trying all day and still cant do it... thick as f@@k