Lien dans menu déroulant [Fermé]

Signaler
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
-
Messages postés
112
Date d'inscription
mardi 19 novembre 2013
Statut
Membre
Dernière intervention
29 mai 2020
-
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>.
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
Merci mais un site de haute notoriété à un menu déroulant.
Regarde :
https://chesstempo.com/chess-tactics/
Messages postés
169
Date d'inscription
mercredi 29 janvier 2014
Statut
Membre
Dernière intervention
24 juin 2014
4
Le menu de chess tempo, je le trouve bien, comment en faire un ?
Messages postés
112
Date d'inscription
mardi 19 novembre 2013
Statut
Membre
Dernière intervention
29 mai 2020

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