Lien dans menu déroulant

Fermé
_nicolas Messages postés 169 Date d'inscription mercredi 29 janvier 2014 Statut Membre Dernière intervention 24 juin 2014 - 21 mars 2014 à 18:31
Marlocq Messages postés 117 Date d'inscription mardi 19 novembre 2013 Statut Membre Dernière intervention 10 septembre 2023 - 4 avril 2014 à 15:17
Bonjour,
J'ai fais un menu déroulant, voici le code :
<!DOCTYPE html>
<html>
	<head>
		<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
		<title>Menu</title>
	</head>
	<body>
		<select name="liste"> 
			<option value="Choix 1">Choix 1 </option>
				<option value="Choix 2">Choix 2 
				</option><option value="Choix 3">Choix 3 
			</option>
		</select>
		<select name="liste1">
			<option value="Choix 1">Choix 1</option>
				<option value="Choix 2">Choix 2 
				</option><option value="Choix 3">Choix 3 
			</option>
		</select>
	</body>
</html>


Et j'aimerai mettre des liens à la place Choix 1 Choix 2 et Choix 3.

Je vous remercie de votre aide.



1 réponse

Salut,

pour faire un lien dans une page HTML vous devez utiliser la balise a (de l'anglais anchor= ancre) comme ceci:

<a href="adresse du lien">Message du lien</a>

Avec de vrais valeurs:

<a href="http://google.fr">aller sur la page de Google en français</a>

Le message du lien peut être une image.

Quant à un menu déroulant cela fait appel à de l'interactivité et peut être fait en CSS ou JavaScript.

La balise <select> contentant <option> est une liste déroulante, un sélecteur pour formulaire et n'est pas faite pour ça bien que seule la logique empêche de l'utiliser pour des menus.

En effet sur Internet il faut toujours privilégier l'accessibilité et la facilité d'utilisation, cela s'appelle l'ergonomie de navigation.

Hors en utilisant un sélecteur comme vous faites il se présente plusieurs problème pour l'ergonomie(ou prise en main) du site:

L'utilisateur n'a jamais l'ensemble des menus sous les yeux. L'avantage d'un menu c'est qu'on doit pouvoir choisir ce qu'on veut et ça aide pas

L'utilisateur doit faire un certain nombres de manipulations qui sont pas fréquentes et relativement longues: cliquer le sélecteur pour afficher toutes les options, lire celles ci et choisir celui qu'il veut, cliquer à nouveau sur le lien.

Le sélecteur <select> puis choix d'<option> étant fait pour les formulaires il attend un bouton de validation en fin de formulaire, c'est aussi cette utilisation qui ets recommandée mais aussi attendu (car pratiquée) par l'utilisateur, elle vous force à rajouter un code de programmation(JavaScript) pour faire quelque chose d'aussi trivial et simple qu'un lien qui devrait n'avoir besoin que de la balise "a".

Voici une façon compléte et correcte (vous devez avoir des connaissances de CSS) de faire un menu déroulant:

http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php

Mais bien sûr ne vous limitez pas à une seule façon de faire:
https://www.google.fr/search?q=menu+déroulant+css

Notez aussi :En HTML5 (standard actuel) les balises de menu doivent être comprises dans les balises <nav>.
0
_nicolas Messages postés 169 Date d'inscription mercredi 29 janvier 2014 Statut Membre Dernière intervention 24 juin 2014 8
22 mars 2014 à 13:06
Merci mais un site de haute notoriété à un menu déroulant.
Regarde :
https://chesstempo.com/chess-tactics/
0
_nicolas Messages postés 169 Date d'inscription mercredi 29 janvier 2014 Statut Membre Dernière intervention 24 juin 2014 8
3 avril 2014 à 10:28
Le menu de chess tempo, je le trouve bien, comment en faire un ?
0
Marlocq Messages postés 117 Date d'inscription mardi 19 novembre 2013 Statut Membre Dernière intervention 10 septembre 2023
4 avril 2014 à 15:17
un menu déroulant avec un select? un menu se fait avec balise ul et li exemple:
<ul>
<li></li>
<li></li>
<li></li>
</ul>
Après va voir par la entre autre...
http://fr.openclassrooms.com/informatique/cours/creer-un-menu-horizontal-deroulant-en-css
0