Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1883 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  menu déroulant qui déroule bien

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

menu déroulant qui déroule bien

n°1218221
marcopolo7​9
Posté le 08-10-2005 à 11:04:42  profilanswer
 

Salut je cherche a faire un menu déroulent dans le bas d’une page. Et il faudrait que le menu déroule vers le haut. (Simple)…
Alors merci « JavaScript » pour cela ok. Mais comment faire dérouler le menu vers le haut et non vers le bas. Je doit modifier le div.menubar (position : absolute, Z-indes ; -20) par exemple ou  bien  long de la solution…. Merci de me sortir du brouillard.

mood
Publicité
Posté le 08-10-2005 à 11:04:42  profilanswer
 

n°1218235
gatsusat
Posté le 08-10-2005 à 11:28:12  profilanswer
 

tu devrais être encore moins précis.
aucun code, keudal, tu as pas moins précis.
Tiens tu dirais meme pas le langage utilisé, ni que c'est un menu ca serait mieux
 
file nous ton code, on te depatouilleras, ou plutot on te guideras


---------------
Les CSS c'est bon mangez-en
n°1218239
marcopolo7​9
Posté le 08-10-2005 à 11:39:27  profilanswer
 

Code supprimer car «  n’importe quoi»
Alors voila je ne savais pas par ou commence … je ne voulais pas en dire trop mais bon comme tu le voie tout est la … alors comment diriger ce menu vers le haut …dessus ...up …   merci


Message édité par marcopolo79 le 08-10-2005 à 12:11:38
n°1218242
plainsofpa​in
Pingouino's lover
Posté le 08-10-2005 à 11:42:38  profilanswer
 

C'est n'importe quoi :'(
 
Pourquoi des tables ? Un menu c'est une liste de liens, pas des données tabulaires ...
 
http://css.alsacreations.com/ => cherches la galerie de menus CSS.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
n°1218249
marcopolo7​9
Posté le 08-10-2005 à 12:09:27  profilanswer
 

Merci pour le lien. Je sais que c’est n’importe quoi. Je cherche une info qui réponde a quelle est la « fonction » qui fait montre un menu  j’ai bien trouver des exemples de menu  dans la galeries de menus mais je ne sais pas ce que je cherche pour faire monte mon menu. Je laisse tomber ce code pour  celui la    
[/url]http://css.alsacreations.com/modelesmenus/hd1.htm. [url]
« Plus simple » (je ne baisse pas les bras) mais si c’est m’importe quoi…, il vaut mieux bien commencer pour bien finir non…

n°1218250
gatsusat
Posté le 08-10-2005 à 12:28:59  profilanswer
 

http://css.alsacreations.com/modelesmenus/hd1.htm


---------------
Les CSS c'est bon mangez-en
n°1218255
gatsusat
Posté le 08-10-2005 à 12:34:58  profilanswer
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  3. <head>
  4. <title>Menu déroulant horizontal</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7. <script type="text/javascript">
  8. <!--
  9. function montre(id) {
  10. var d = document.getElementById(id);
  11. for (var i = 1; i<=10; i++) {
  12.  if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
  13. }
  14. if (d) {d.style.display='block';}
  15. }
  16. //-->
  17. </script>
  20. <style type="text/css">
  21. <!--
  22. /* CSS issu des tutoriels css.alsacreations.com */
  23. body {
  24. margin: 0;
  25. padding: 0;
  26. background: white;
  27. font: 80% verdana, arial, sans-serif;
  28. }
  29. dl, dt, dd, ul, li {
  30. margin: 0;
  31. padding: 0;
  32. list-style-type: none;
  33. }
  34. #menu {
  35. position: absolute;
  36. bottom: 0;
  37. left: 0;
  38. z-index:100;
  39. width: 100%; /* précision pour Opera */
  40. }
  41. #menu dl {
  42. float: left;
  43. width: 12em;
  44. }
  45. #menu dt {
  46. cursor: pointer;
  47. text-align: center;
  48. font-weight: bold;
  49. background: #ccc;
  50. border: 1px solid gray;
  51. margin: 1px;
  52. }
  53. #menu dd {
  54. display: none;
  55. position:absolute;
  56. bottom:20px;
  57. border: 1px solid gray;
  58. }
  59. #menu li {
  60. text-align: center;
  61. background: #fff;
  62. }
  63. #menu li a, #menu dt a {
  64. color: #000;
  65. text-decoration: none;
  66. display: block;
  67. height: 100%;
  68. border: 0 none;
  69. }
  70. #menu li a:hover, #menu dt a:hover {
  71. background: #eee;
  72. }
  74. -->
  75. </style>
  76. </head>
  78. <body>
  80. <div id="menu">
  81. <dl>
  82.  <dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
  83. </dl>
  85. <dl>
  86.  <dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
  87.   <dd id="smenu1">
  88.    <ul>
  89.     <li><a href="#">Sous-Menu 1.1</a></li>
  90.     <li><a href="#">Sous-Menu 1.2</a></li>
  91.     <li><a href="#">Sous-Menu 1.3</a></li>
  92.     <li><a href="#">Sous-Menu 1.4</a></li>
  93.     <li><a href="#">Sous-Menu 1.5</a></li>
  94.     <li><a href="#">Sous-Menu 1.6</a></li>
  95.    </ul>
  96.   </dd>
  97. </dl>
  100. <dl>
  101.  <dt onmouseover="javascript:montre();"><a href="">Menu 2</a></dt>
  102. </dl>
  104. <dl>
  105.  <dt onmouseover="javascript:montre('smenu3');">Menu 3</dt>
  106.   <dd id="smenu3">
  107.    <ul>
  108.     <li><a href="#">Sous-Menu 3.1</a></li>
  109.     <li><a href="#">Sous-Menu 3.2</a></li>
  110.     <li><a href="#">Sous-Menu 3.3</a></li>
  111.     <li><a href="#">Sous-Menu 3.4</a></li>
  112.     <li><a href="#">Sous-Menu 3.5</a></li>
  113.    </ul>
  114.   </dd>
  115. </dl>
  117. <dl>
  118.  <dt onmouseover="javascript:montre('smenu4');">Menu 4</dt>
  119.   <dd id="smenu4">
  120.    <ul>
  121.     <li><a href="#">Sous-Menu 4.1</a></li>
  122.     <li><a href="#">Sous-Menu 4.2</a></li>
  123.     <li><a href="#">Sous-Menu 4.3</a></li>
  124.    </ul>
  125.   </dd>
  126. </dl>
  128. </div>
  131. </body>
  132. </html>


 
 
J'ai juste mis le menu tout en bas
en plus de cela, j'ai positionné les sous menu en Absolute, puis appliqué un bottom par défaut de 20px, et voila


---------------
Les CSS c'est bon mangez-en
n°1218259
marcopolo7​9
Posté le 08-10-2005 à 12:43:40  profilanswer
 

Merci je vais chercher a comprendre mais là que te dire si ce n’est merci ces exactement ce que je cherchais. «  a faire » bravo…

n°1218458
plainsofpa​in
Pingouino's lover
Posté le 08-10-2005 à 20:06:11  profilanswer
 

Sauf qu'il serait bien que tu comprennes comment ca marche, sinon tu ne progresseras jamais et tu te contenteras toujours de copier coller des bouts de code.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  menu déroulant qui déroule bien

 

Sujets relatifs
[css][resolu] centrer un menu.Menu : décallage IE et FireFox
menu deroulant avec div et cssMenu Roll over
une réflexion bien féminine... mais charmante !menu contextuel dans IE
Menu contextuel sur OperaSVP:comment créer un lien pour bouton sous flashds un menu!?!?!,
menu style onglet avec coin cassé 
Plus de sujets relatifs à : menu déroulant qui déroule bien

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.068 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR