Menu déroulant

Résolu/Fermé
ordidi Messages postés 111 Date d'inscription jeudi 3 juillet 2008 Statut Membre Dernière intervention 4 juillet 2011 - 31 août 2008 à 21:02
ordidi Messages postés 111 Date d'inscription jeudi 3 juillet 2008 Statut Membre Dernière intervention 4 juillet 2011 - 1 sept. 2008 à 09:57
Bonjour,
Je commence a faire de la programmation (html/css) et je voudrai s'avoir comment faire un menu déroulant quand lorsque que je mais la souris sur un menu celui-ci se déroule.
Merci de me répondre.
A voir également:

4 réponses

Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 329
31 août 2008 à 21:39
Bonsoir !
Html et Css, ce n'est pas de la programmation. Par contre, pour créer un menu comme celui que tu décris, tu dois apprendre le javascript, qui lui est un langage de programmation (tu pourras trouver des codes Css sur le net qui permettent de faire ça, mais je te déconseille de les utiliser parce que ce n'est absolument pas le but de Css, c'est comme utiliser une voiture comme sous-marin sous prétexte qu'elle est étanche).
Pour créer un menu de la sorte, tu trouveras pas mal de scripts si tu cherches sur google (genre "javascript menu déroulant").

Cordialement,
-1
ordidi Messages postés 111 Date d'inscription jeudi 3 juillet 2008 Statut Membre Dernière intervention 4 juillet 2011 3
31 août 2008 à 21:52
Merci beaucoup ;)
-1
hafidodido Messages postés 40 Date d'inscription vendredi 15 août 2008 Statut Membre Dernière intervention 11 octobre 2008 10
Modifié par 00lina00 le 24/07/2010 à 00:50
slt,
Malheureusement tu as mal expliqué M.marco la situation.
html et Css sont des langages donc il s'agit de programmation.
Pour les menu vous pouvez mon ami utiliser simplement le Css :
et voila un exemple:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<STYLE type="text/css">
<!--
#navigation {
width: 200px ;
list-style: none ;
margin: 0 ;
padding: 0 ;
}
#navigation li {
background: #c00 ;
color: #fff ;
border: 1px solid #600 ;
margin-bottom: 1px ;
}
#navigation li a {
display: block ;
background: #c00 ;
color: #fff ;
font: 1em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
text-align: center ;
text-decoration: none ;
padding: 4px 0 ;
}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
background: #900 ;
text-decoration: underline ;
}
-->
</STYLE>
</head>
<body>
<ul id="navigation">
<li><a href="#" title="aller à la section 1">item1</a></li>
<li><a href="#" title="aller à la section 2">item2</a></li>

<li><a href="#" title="aller à la section 3">item3</a></li>
<li><a href="#" title="aller à la section 4">item4</a></li>
<li><a href="#" title="aller à la section 5">item5</a></li>
</ul>
</body>
</html>


et vous pouvez aussi utiliser utilisez le javascript ou Flash...
-1
Marco la baraque Messages postés 996 Date d'inscription vendredi 9 mai 2008 Statut Contributeur Dernière intervention 5 novembre 2009 329
1 sept. 2008 à 09:45
Tu n'es apparemment pas d'accord mais je reste sur ma position.
Un langage de programmation est un langage qui permet de créer des programmes. Juste avec du html et du css, une page web est tout sauf un programme vu qu'elle est statique, et ne dépend d'aucun paramètre.
En utilisant des vrais langages de programmation (php, java, javascript...), on peut alors obtenir un comportement de programme (génération de pages dynamiques, écoute d'actions utilisateur, exécution de fonctions lors d'un évènement particulier...).

"Pour les menu vous pouvez mon ami utiliser simplement le Css"
Oui, c'est ce que j'ai dit, seulement cette méthode est à éviter, car le Css a été créé pour créer des feuilles de style pour la mise en forme d'un document, et non pas pour faire des menus dynamiques en exploitant des propriétés qui le permettent alors qu'elles n'ont absolument pas été conçues pour ça.

Cordialement,
-1
ordidi Messages postés 111 Date d'inscription jeudi 3 juillet 2008 Statut Membre Dernière intervention 4 juillet 2011 3
1 sept. 2008 à 09:57
Merci pour vos réponse qui mon aider =)
-1