Menu déroulant

Résolu/Fermé
ordidi Messages postés 111 Date d'inscription   Statut Membre Dernière intervention   -  
ordidi Messages postés 111 Date d'inscription   Statut Membre Dernière intervention   -
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.

4 réponses

Marco la baraque Messages postés 996 Date d'inscription   Statut Contributeur Dernière intervention   329
 
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   Statut Membre Dernière intervention   3
 
Merci beaucoup ;)
-1
hafidodido Messages postés 40 Date d'inscription   Statut Membre Dernière intervention   10
 
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   Statut Contributeur Dernière intervention   329
 
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   Statut Membre Dernière intervention   3
 
Merci pour vos réponse qui mon aider =)
-1