Besoin de "liste déroulante modifiable"

Question

J'ai besoin d'une boîte blanche, avec une bordure grise pour apparaître sous cette zone de texte lorsque le bouton est cliqué. Le menu déroulant indiquera, de 5 à 10 lignes de texte, qui ont l'apparence de l'URL déroulant en haut de votre navigateur.

Puis-je le faire avec un div?

<script> function $(id) { return document.getElementById(id); } </script> 
<input name="media" id="media" type="text" /> 
<input type="button" value="..." onclick="$('keypad').style.display='inline-block';"/> 

<div id="keypad" onmouseout="$('keypad').style.display='none'" style="display:none; background:#FFF; vertical-align:top;"> 
    Canvas 
    Steel 
    Vinyl 
    Paper 
</div> 

Answer 1

simple goutte vers le bas avec CSS:

<div id="mine"> 
    <ul id="nav"> 
    <li>some title here 
     <ul> 
     <li>Discription about the title</li> 
     <li>as many as you like</li> 
     </ul> 
    </li> 
    </ul> 
</div> 

et le fichier CSS:

#nav {margin: 0; 
padding: 7px 6px 0; 
line-height:100%;} 

#nav ul {display: none; 
margin: 0; 
padding: 0; 
width:200px; 
position:absolute; 
left:0; 
z-index:2;} 

#nav li:hover > ul {display: block;} 

Et, bien sûr, facilement personnalisable avec CSS.