Menu css vertical avec longue liste

Bonjour,

Je dois faire un choix parmi une liste d'environ une centaine de mots (liste de villes) menant à chaque fois vers un lien.
Je voulais utiliser la balise select mais je vais avoir un problème pour le référencement des liens.
Je me suis donc dirigé vers les menus css, mais vu la liste relativement longue, cela ne me parait pas gérable.

Y a t-il possibilité de développer quelque-chose du même style que la balise select ( c'est à dire avec un ascenseur ) et qui soit référençable ?
Je suis ouvert à toutes les suggestions.

Merci

Bonjour,

On pourrait imaginer un bloc DIV avec une hauteur définie et un overflow-y qui contiendrait tous tes liens.

<div id="listedeliens" style="height:200px; overflow-y:scroll">
<a href="lien_vers_ville_A">Ville A</a>
<a href="lien_vers_ville_B">Ville B</a>
<a href="lien_vers_ville_C">Ville C</a>
</div>

En espérant t'avoir aider
Modifié par Leorilan (16 Jun 2010 - 12:30)

Merci cela m'a bien aidé. J'ai pensé faire un truc de ce style.

<script>
function visibilite()
{
 var targetElement;
  targetElement = document.getElementById("div1" ) ;
  targetElement.style.display = "none" ;
 targetElement = document.getElementById("div1") ;
 targetElement.style.display = "" ;
}

function cacher() {
 var targetElement;
  targetElement = document.getElementById("div1" ) ;
  targetElement.style.display = "none" ;
}


window.onload = cacher;
</script>

puis

<a  href="javascript:void(0);" onclick="javascript:visibilite();" >afficher liste villes</a> ------- <a href="javascript:void(0)" onclick="cacher()">cacher liste villes</a>
 <div id="div1">

<div id="listedeliens" style="height:200px;width:100px; overflow-y:scroll"> 
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br>
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br>  
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br>  
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br>  
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br>
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br>  
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br>  
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br> 
<a href="lien_vers_ville_A">Ville A</a><br>   
</div> 

</div>

Sinon on m'a aussi suggéré ça que je trouve pas mal également:

longue liste

merci en tout cas
Modifié par seabird (16 Jun 2010 - 15:01)