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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu] Menu déroulant inversé en CSS

 



 Mot :   Pseudo :  
 
 Page :   1  2
Page Précédente
Auteur Sujet :

[Résolu] Menu déroulant inversé en CSS

n°762549
bepimaco
Festina lente
Posté le 14-06-2004 à 11:25:47  profilanswer
 

Bonjour,  
 
J'ai récupéré un bout de code sur internet pour faire le menu déroulant de mon site. MAis j'ai quelques petits problèmes :  
 
- il se déroule vers le bas, peut-il le faire vers le haut ?  
- comment centrer le tout ?  
- si j'arrive à changer la police des sous-menu, je n'arrive pas à réduire la taille des menus !  
 
Vous pouvez voir un exemple ici :  
http://perso.wanadoo.fr/scouts-stegreve/index7.htm  
 
Merci,  
Bepimaco


Message édité par bepimaco le 18-06-2004 à 10:57:25

---------------
Bepimaco
mood
Publicité
Posté le 14-06-2004 à 11:25:47  profilanswer
 

n°763734
bepimaco
Festina lente
Posté le 15-06-2004 à 01:21:12  profilanswer
 

bepimaco a écrit :

Bonjour,  
 
J'ai récupéré un bout de code sur internet pour faire le menu déroulant de mon site. MAis j'ai quelques petits problèmes :  
 
- il se déroule vers le bas, peut-il le faire vers le haut ?  
- comment centrer le tout ?  
- si j'arrive à changer la police des sous-menu, je n'arrive pas à réduire la taille des menus !  
 
Vous pouvez voir un exemple ici :  
http://perso.wanadoo.fr/scouts-stegreve/index7.htm  
 
Merci,  
Bepimaco


 
 :bounce:


---------------
Bepimaco
n°763745
T509
$job->GetJob(now)
Posté le 15-06-2004 à 02:08:57  profilanswer
 

2 défauts
 
1- la partie <style> doit être dans le <head>
2- ton menu <div ...> doit être dans <body>
 
Ce sont des défauts majeurs !!!
 
Pour le reste, mettre une marge négative sur les propriétés <dl> et un alignement en bas sur <dd> dans tes CSS devrait permettre d'approcher le résultat


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764074
bepimaco
Festina lente
Posté le 15-06-2004 à 12:18:19  profilanswer
 

Merci beaucoup, j'ai fait les changement dans le <head> et le <body>, mais je n'arrive pas à trouver où mettre une marge négative, et l'alignement du bas.
 
Je sais, je suis vraiment newbie, mais bon, il en faut de tous niveaux ...
En tout cas, merci


---------------
Bepimaco
n°764185
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 13:09:15  profilanswer
 

je t'ai dit dans le CSS, il faut ajouter la propriété margin-top:-50px pour <dl> et bottom:0px pour <dd>
 
Si tu ne sais pas comment faire, il faut que tu lises un tuto sur le CSS.


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764192
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 13:14:28  profilanswer
 

C'est toujours faux tes changements :
 toute la partie <style> ... </style> (qui est ta feuille CSS) il faut le mettre avant </head>
 
Ta partie <div class="menu"> ... </div> il faut le mettre avant </body>
 
je te conseilles un très boin bouquin sur HTML. HTML niveau 1 et 2, Créez votre site web de compétence micro. C'est tout petit et tu comprendras plein de choses. Surtout le dernier


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764235
bepimaco
Festina lente
Posté le 15-06-2004 à 13:43:15  profilanswer
 

J'ai pas mis la bonne en ligne, mais normalement c'est bon. QUoi qu'il y a un truc que je pige pas : si je récupère la page qui est sur le net, il n'y a plus les head et body !
 
Je suis en train de parcourir le net pour trouver un tuto CSS. J'ai essayé de placer :
 
.menu dl {
float: left;
width: 6em;
margin-top: -50px;
}
 
mais ça donne rien (le menu disparait entièrement).


---------------
Bepimaco
n°764292
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 13:59:23  profilanswer
 

Il disparait en dessous de ton image centrale ou en dehors de la fenêtre ?
ajoute un z-index : 2; pour voir
 
Pour les tutos, il y a http://forum.hardware.fr/forum2.ph [...] 941&cat=10
au chapitre Les liens qui-vont-bien


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764315
bepimaco
Festina lente
Posté le 15-06-2004 à 14:04:53  profilanswer
 

Merci pour le lien, je vais voir, y'a l'air d'y avoir des trucs très intéressants.
 
En fait, le Head est toujours à, mais pas au même endroit, mais le Body, il n'est plus là :

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <!-- saved from url=(0050)http://perso.wanadoo.fr/scouts-stegreve/index7.htm -->
  3. <HTML><HEAD><TITLE>Scouts de St Egrève - Page de test</TITLE>
  4. <META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
  5. <SCRIPT language=JavaScript type=text/JavaScript>
  6. <!--
  7. function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  8.   if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
  9.     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  10.   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  11. }
  12. MM_reloadPage(true);
  13. //-->
  14. </SCRIPT>
  15. <SCRIPT type=text/javascript>
  16. <!--
  17.   function montre(id) {
  18.   if (document.getElementById) {
  19.    document.getElementById(id).style.display="block";
  20.  } else if (document.all) {
  21.    document.all[id].style.display="block";
  22.  } else if (document.layers) {
  23.    document.layers[id].display="block";
  24.  } }
  25. function cache(id) {
  26.   if (document.getElementById) {
  27.    document.getElementById(id).style.display="none";
  28.  } else if (document.all) {
  29.    document.all[id].style.display="none";
  30.  } else if (document.layers) {
  31.    document.layers[id].display="none";
  32.  } }
  33. //-->
  34. </SCRIPT>
  35. <STYLE type=text/css>DT {
  36. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
  37. }
  38. DL {
  39. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
  40. }
  41. DD {
  42. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
  43. }
  44. UL {
  45. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
  46. }
  47. LI {
  48. PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
  49. }
  50. .menu DL {
  51. FLOAT: left; WIDTH: 6em
  52. }
  53. .menu A {
  54. BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: #fff; MARGIN: 0px 2px; BORDER-LEFT: gray 1px solid; COLOR: #000; BORDER-BOTTOM: gray 1px solid; HEIGHT: 20px; TEXT-ALIGN: center; TEXT-DECORATION: none
  55. }
  56. .menu A:hover {
  57. BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BACKGROUND: #ccc; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid
  58. }
  59. #smenu1 {
  60. DISPLAY: none; FONT-SIZE: 12px; WIDTH: 100%
  61. }
  62. #smenu2 {
  63. DISPLAY: none; FONT-SIZE: 12px; WIDTH: 100%
  64. }
  65. #smenu3 {
  66. DISPLAY: none; FONT-SIZE: 12px; WIDTH: 100%
  67. }
  68. #smenu4 {
  69. DISPLAY: none; FONT-SIZE: 12px; WIDTH: 100%
  70. }
  71. #smenu5 {
  72. DISPLAY: none; FONT-SIZE: 12px; WIDTH: 100%
  73. }
  74. #smenu6 {
  75. DISPLAY: none; FONT-SIZE: 12px; WIDTH: 100%
  76. }
  77. #smenu7 {
  78. DISPLAY: none; FONT-SIZE: 12px; WIDTH: 100%
  79. }
  80. #smenu8 {
  81. DISPLAY: none; FONT-SIZE: 12px; WIDTH: 100%
  82. }
  83. #smenu1 A {
  84. BORDER-TOP: 0px; FONT-WEIGHT: normal
  85. }
  86. #smenu2 A {
  87. BORDER-TOP: 0px; FONT-WEIGHT: normal
  88. }
  89. #smenu3 A {
  90. BORDER-TOP: 0px; FONT-WEIGHT: normal
  91. }
  92. #smenu4 A {
  93. BORDER-TOP: 0px; FONT-WEIGHT: normal
  94. }
  95. #smenu5 A {
  96. BORDER-TOP: 0px; FONT-WEIGHT: normal
  97. }
  98. #smenu6 A {
  99. BORDER-TOP: 0px; FONT-WEIGHT: normal
  100. }
  101. #smenu7 A {
  102. BORDER-TOP: 0px; FONT-WEIGHT: normal
  103. }
  104. #smenu8 A {
  105. BORDER-TOP: 0px; FONT-WEIGHT: normal
  106. }
  107. </STYLE>
  108. <META content="MSHTML 6.00.2800.1400" name=GENERATOR></HEAD>
  109. <BODY bgColor=#ffffff>
  110. <DIV align=center>
  111. <DIV align=center>
  112. <DIV align=center>
  113. <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  114.   <TBODY>
  115.   <TR>
  116.     <TD colSpan=3>
  117.       <DIV align=center><STRONG><FONT face="Times New Roman, Times, serif"
  118.       color=#ff0000 size=+4><EM>Les Scouts et Guides de France de Saint
  119.       Egrève</EM></FONT></STRONG></DIV></TD></TR>
  120.   <TR>
  121.     <TD vAlign=top colSpan=3 height=50>
  122.       <DIV align=center></DIV></TD></TR>
  123.   <TR>
  124.     <TD vAlign=top width="12%">
  125.       <DIV align=center></DIV>
  126.       <DIV align=center><A href="http://www.godasse.ch/vote.php?545"><IMG
  127.       src="Scouts de St Egrève - Page de test_fichiers/godasse.gif"
  128.       border=0><BR><FONT color=#0000ff size=-2><U>La Godasse est un site qui
  129.       classe les sites scouts. Si notre site vous a plu, soutenez-le par votre
  130.       vote</U></FONT></A> </DIV></TD>
  131.     <TD width="77%">
  132.       <DIV align=center>
  133.       <TABLE cellSpacing=0 cellPadding=0 width=397 border=0>
  134.         <TBODY>
  135.         <TR>
  136.           <TD width=185 height=101><IMG height=101
  137.             src="Scouts de St Egrève - Page de test_fichiers/accueil_01.gif"
  138.             width=132 useMap=#Map border=0></TD>
  139.           <TD width=153><IMG height=101
  140.             src="Scouts de St Egrève - Page de test_fichiers/accueil_02.gif"
  141.             width=133 useMap=#Map2 border=0></TD>
  142.           <TD width=59><IMG height=101
  143.             src="Scouts de St Egrève - Page de test_fichiers/accueil_03.gif"
  144.             width=132 useMap=#Map3 border=0></TD></TR>
  145.         <TR>
  146.           <TD><IMG height=100
  147.             src="Scouts de St Egrève - Page de test_fichiers/accueil_04.gif"
  148.             width=132 useMap=#Map8 border=0></TD>
  149.           <TD><IMG height=100
  150.             src="Scouts de St Egrève - Page de test_fichiers/accueil_05.gif"
  151.             width=133 useMap=#Map7 border=0></TD>
  152.           <TD><IMG height=100
  153.             src="Scouts de St Egrève - Page de test_fichiers/accueil_06.gif"
  154.             width=132 useMap=#Map4 border=0></TD></TR>
  155.         <TR>
  156.           <TD><IMG height=101
  157.             src="Scouts de St Egrève - Page de test_fichiers/accueil_07.gif"
  158.             width=132 useMap=#Map9 border=0></TD>
  159.           <TD><IMG height=101
  160.             src="Scouts de St Egrève - Page de test_fichiers/accueil_08.gif"
  161.             width=133 useMap=#Map6 border=0></TD>
  162.           <TD><IMG height=101
  163.             src="Scouts de St Egrève - Page de test_fichiers/accueil_09.gif"
  164.             width=132 useMap=#Map5 border=0></TD></TR></TBODY></TABLE></DIV></TD>
  165.     <TD width="11%">
  166.       <DIV align=center>
  167.       <P> </P></DIV></TD></TR>
  168.   <TR>
  169.     <TD colSpan=3>&nbsp;</TD></TR></TBODY></TABLE></DIV></DIV>
  170. <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  171.   <TBODY>
  172.   <TR>
  173.     <TD>
  174.       <DIV align=center><MAP name=Map4><AREA shape=POLY alt="les louveteaux"
  175.         coords=-10,19,66,63,130,20,130,-8,0,-8
  176.         href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm"><AREA
  177.         shape=POLY alt="les scout(e)s" coords=66,71,-9,29,0,99,58,101
  178.         href="http://perso.wanadoo.fr/scouts-stegreve/scout_principal.htm"></MAP><MAP
  179.       name=Map3><AREA shape=POLY alt="la sizaine adaptée"
  180.         coords=-5,87,95,30,61,-4,-4,-5
  181.         href="http://perso.wanadoo.fr/scouts-stegreve/sizaine_adaptee_principale.htm"><AREA
  182.         shape=POLY alt="les louveteaux" coords=0,94,56,63,74,105,1,105
  183.         href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm"></MAP><MAP
  184.       name=Map2><AREA shape=POLY alt="les compagnons"
  185.         coords=-4,49,86,106,-6,105
  186.         href="http://perso.wanadoo.fr/scouts-stegreve/compagnons_principal.htm"><AREA
  187.         shape=POLY alt="les sarabandes" coords=99,32,100,104,9,44,47,22
  188.         href="http://perso.wanadoo.fr/scouts-stegreve/sarabandes_principal.htm"><AREA
  189.         shape=POLY alt="la sizaine adaptée" coords=106,100,106,34,138,7,136,83
  190.         href="http://perso.wanadoo.fr/scouts-stegreve/sizaine_adaptee_principale.htm"><AREA
  191.         shape=POLY alt="les louveteaux" coords=132,93,118,103,134,102
  192.         href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm"></MAP></DIV></TD></TR></TBODY></TABLE></DIV><MAP
  193. name=Map><AREA shape=POLY alt="les compagnons"
  194.   coords=33,77,90,26,131,53,140,105,39,101
  195.   href="http://perso.wanadoo.fr/scouts-stegreve/compagnons_principal.htm"></MAP><MAP
  196. name=Map5><AREA shape=POLY coords=""
  197.   href="http://perso.wanadoo.fr/scouts-stegreve/index7.htm#"><AREA shape=POLY
  198.   alt="les scout(e)s" coords=-6,-9,-8,48,42,44,47,64,95,62,113,38,66,18,52,-5
  199.   href="http://perso.wanadoo.fr/scouts-stegreve/scout_principal.htm"></MAP><MAP
  200. name=Map6><AREA shape=POLY alt="les scout(e)s"
  201.   coords=133,48,105,15,105,-3,134,-6
  202.   href="http://perso.wanadoo.fr/scouts-stegreve/scout_principal.htm"><AREA
  203.   shape=POLY alt="les pionniers" coords=97,-12,97,99,-4,104,-8,51,-3,-3
  204.   href="http://perso.wanadoo.fr/scouts-stegreve/pionniers_principal.htm"></MAP><MAP
  205. name=Map7><AREA shape=POLY alt="les scout(e)s"
  206.   coords=106,17,107,112,143,103,137,35
  207.   href="http://perso.wanadoo.fr/scouts-stegreve/scout_principal.htm"><AREA
  208.   shape=POLY alt="les louveteaux" coords=104,8,142,28,146,-5,121,-3
  209.   href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm"><AREA
  210.   shape=POLY alt="les pionniers" coords=98,19,98,109,-12,106,-9,78
  211.   href="http://perso.wanadoo.fr/scouts-stegreve/pionniers_principal.htm"><AREA
  212.   shape=POLY alt="les compagnons" coords=98,7,-13,72,-9,-8,78,0
  213.   href="http://perso.wanadoo.fr/scouts-stegreve/compagnons_principal.htm"></MAP><MAP
  214. name=Map8><AREA shape=POLY alt="les compagnons"
  215.   coords=137,59,79,95,-2,85,-7,61,30,54,42,-16,138,-20
  216.   href="http://perso.wanadoo.fr/scouts-stegreve/compagnons_principal.htm"><AREA
  217.   shape=POLY alt="les pionniers" coords=135,92,130,72,103,104,139,108
  218.   href="http://perso.wanadoo.fr/scouts-stegreve/pionniers_principal.htm"></MAP><MAP
  219. name=Map9><AREA shape=POLY alt="les pionniers"
  220.   coords=105,5,132,-5,132,44,94,18
  221.   href="http://perso.wanadoo.fr/scouts-stegreve/pionniers_principal.htm"></MAP>
  222. <DIV class=menu>
  223. <DL onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
  224.   <DT><A
  225.   href="http://perso.wanadoo.fr/scouts-stegreve/le_groupe_principal.htm">Groupe</A>
  226.   </DT>
  227.   <DD id=smenu1 onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
  228.   <UL>
  229.     <LI><A
  230.     href="http://perso.wanadoo.fr/scouts-stegreve/groupe_presentation.htm">Présentation</A>
  231.     <LI><A
  232.     href="http://perso.wanadoo.fr/scouts-stegreve/groupe_activites.htm">Activités</A>
  233.     <LI><A
  234.     href="http://perso.wanadoo.fr/scouts-stegreve/groupe_actualites.htm">Actualités</A>
  235.     <LI><A
  236.     href="http://perso.wanadoo.fr/scouts-stegreve/groupe_archives.htm">Archives</A>
  237.     <LI><A
  238.     href="http://perso.wanadoo.fr/scouts-stegreve/groupe_prive.htm">Espace
  239.     privé</A>
  240.     <LI><A
  241.     href="http://perso.wanadoo.fr/scouts-stegreve/groupe_divers.htm">Divers</A>
  242.     </LI></UL></DD></DL>
  243. <DL onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
  244.   <DT><A
  245.   href="http://perso.wanadoo.fr/scouts-stegreve/sarabandes_principal.htm">Sarabandes</A>
  246.   </DT>
  247.   <DD id=smenu2 onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
  248.   <UL></UL></DD></DL>
  249. <DL onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
  250.   <DT><A
  251.   href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm">Louveteaux</A>
  252.   </DT>
  253.   <DD id=smenu3 onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
  254.   <UL>
  255.     <LI><A
  256.     href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm">Présentation</A>
  257.     <LI><A
  258.     href="http://perso.wanadoo.fr/site-lvt/louveteaux_calendrier.html">Calendrier</A>
  259.     <LI><A
  260.     href="http://perso.wanadoo.fr/site-lvt/louveteaux_photos.html">Photos</A>
  261.     <LI><A
  262.     href="http://perso.wanadoo.fr/site-lvt/louveteaux_chefs.html">Chefs</A>
  263.   </LI></UL></DD></DL>
  264. <DL onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
  265.   <DT><A
  266.   href="http://perso.wanadoo.fr/scouts-stegreve/sizaine_adaptee_principale.htm">Siz.
  267.   adaptée</A> </DT>
  268.   <DD id=smenu4 onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
  269.   <UL></UL></DD></DL>
  270. <DL onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
  271.   <DT><A
  272.   href="http://perso.wanadoo.fr/scouts-stegreve/scout_principal.htm">Scouts</A>
  273.   </DT>
  274.   <DD id=smenu5 onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
  275.   <UL>
  276.     <LI><A
  277.     href="http://perso.wanadoo.fr/scouts-stegreve/scout_presentation.htm">Présentation</A>
  278.     <LI><A
  279.     href="http://perso.wanadoo.fr/scouts-stegreve/scout_la_troupe.htm">Troupe</A>
  280.     <LI><A
  281.     href="http://perso.wanadoo.fr/scouts-stegreve/scout_les_activites.htm">Activités</A>
  282.     <LI><A
  283.     href="http://perso.wanadoo.fr/scouts-stegreve/scout_mini_camp.htm">Mini-camp</A>
  284.     <LI><A
  285.     href="http://perso.wanadoo.fr/scouts-stegreve/scout_le_camp.htm">Camp</A>
  286.     <LI><A
  287.     href="http://perso.wanadoo.fr/scouts-stegreve/scout_espace_prive.htm">Espace
  288.     privé</A>
  289.     <LI><A
  290.     href="http://perso.wanadoo.fr/scouts-stegreve/scout_divers.htm">Divers</A>
  291.     </LI></UL></DD></DL>
  292. <DL onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
  293.   <DT><A
  294.   href="http://perso.wanadoo.fr/scouts-stegreve/pionniers_principal.htm">Pionniers</A>
  295.   </DT>
  296.   <DD id=smenu6 onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
  297.   <UL></UL></DD></DL>
  298. <DL onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
  299.   <DT><A
  300.   href="http://perso.wanadoo.fr/scouts-stegreve/compagnons_principal.htm">Compagnons</A>
  301.   </DT>
  302.   <DD id=smenu7 onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
  303.   <UL></UL></DD></DL>
  304. <DL onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
  305.   <DT><A
  306.   href="http://perso.wanadoo.fr/scouts-stegreve/divers_principal.htm">Divers</A>
  307.   </DT>
  308.   <DD id=smenu8 onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
  309.   <UL>
  310.     <LI><A
  311.     href="http://perso.wanadoo.fr/scouts-stegreve/divers_liens.htm">Liens</A>
  312.     <LI><A
  313.     href="http://perso.wanadoo.fr/scouts-stegreve/divers_documents.htm">Documents</A>
  314.     <LI><A href="http://pagesperso.laposte.net/bepimaco/livre.php">Livre
  315.     d'or</A>
  316.     <LI><A
  317.     href="http://perso.wanadoo.fr/scouts-stegreve/divers_ressources.htm">Ressources</A>
  318.     <LI><A
  319.     href="http://perso.wanadoo.fr/scouts-stegreve/divers_contacts.htm">Contact</A>
  320.     </LI></UL></DD></DL></DIV></BODY></HTML>


Message édité par bepimaco le 15-06-2004 à 14:08:23

---------------
Bepimaco
n°764322
bepimaco
Festina lente
Posté le 15-06-2004 à 14:07:39  profilanswer
 

J'ai rajouté :
 
.menu dl {
float: left;
width: 6em;
z-index: 2;
}
 
Mais je ne suis pas sûr qu'il faille le mettre là !


---------------
Bepimaco
mood
Publicité
Posté le 15-06-2004 à 14:07:39  profilanswer
 

n°764335
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 14:10:13  profilanswer
 

essaie plutot un z-index:2; sur la classe menu
 
toute déclaration de style fini par un ;


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764501
bepimaco
Festina lente
Posté le 15-06-2004 à 15:03:44  profilanswer
 

T509 a écrit :

essaie plutot un z-index:2; sur la classe menu
 
toute déclaration de style fini par un ;


 

Code :
  1. <STYLE type=text/css>
  2. dt, dl, dd, ul, li {
  3. list-style-type: none;
  4. margin: 0;
  5. padding: 0;
  6. z-index:2;
  7. }


---------------
Bepimaco
n°764554
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 15:37:04  profilanswer
 

cela doit aller oui


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764556
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 15:37:13  profilanswer
 

et ça marche ?


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764583
bepimaco
Festina lente
Posté le 15-06-2004 à 15:48:50  profilanswer
 

ça ne change rien sur le final
 
Et si tu ouvres cette feuille :
http://perso.wanadoo.fr/scouts-stegreve/index7.htm
 
tu verras que le body n'est plus là, alors que sur celle que je mets transfert sur internet, il y est : je ne comprends plus rien !


---------------
Bepimaco
n°764604
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 16:07:07  profilanswer
 

en affichant les sources, j'ai trouvé : <body bgcolor="#FFFFFF"> donc ton body est là. A moins que tu parles d'autres choses. Dans ce cas sois plus précis.
 
Autre chose, ton menu apparait tout déroulé quand on ouvre la page avec Firefox.
Il faudrait que tu ajoutes la choses suivantes :  
dans la partie <script>...</script>
 

Code :
  1. function cache_all() {
  2. var i=1;
  3. var max=9;
  4. var menu="";
  5. for(i; i<max; i++) {
  6. menu = "smenu"+i;
  7. cache(menu);
  8. }
  9. }
  10. et remplace <body bgcolor="#FFFFFF"> par
  11. <body bgcolor="#FFFFFF" onload="cache_all();">


 
Pour le menu, il y a un article sur openweb.eu.org qui traite une chose un peu identique. As tu été voir ?


Message édité par T509 le 16-06-2004 à 17:26:55

---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764748
bepimaco
Festina lente
Posté le 15-06-2004 à 17:48:40  profilanswer
 

J'ai intégré ce que tu m'as dit de faire, en revanche, ça fait quelques minutes que je navigue sur openweb.eu.org, et je n'ai pas trouvé d'article sur ce sujet (catégorie CSS et XHTML)


---------------
Bepimaco
n°764751
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 17:51:35  profilanswer
 

http://www.openweb.eu.org/articles/menu_universel/


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764754
bepimaco
Festina lente
Posté le 15-06-2004 à 17:55:43  profilanswer
 

Merci, je ne cherchait pas au bon endroit !


---------------
Bepimaco
n°764839
bepimaco
Festina lente
Posté le 15-06-2004 à 19:41:10  profilanswer
 

J'ai bien tout lu, tout essayé, et je n'arrive pas à l'adapter à mon cas.
 
Si je résume la situation :
 
1 - J'arrive à changer la police, la taille, la couleur, etc ... de mon menu, mais
2 - Je n'arrive pas à le faire dérouler vers le haut
3 - Je n'arrive pas à le centrer sur la page
4 - La page qui se trouve sur le web est différente de celle que j'écrit


---------------
Bepimaco
n°764846
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 19:45:53  profilanswer
 

il faut que tu étudies le javascript des 2 variantes expliquées pour voir ce qu'il modifient pour passer d'un menu horizontal à un menu vertical
 
Je regarde plus en détail ta page


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764858
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 20:11:28  profilanswer
 

essaie ceci :
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Scouts de St Egr&egrave;ve - Page de test</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <SCRIPT type=text/javascript>
  7. <!--
  8.   function montre(id) {
  9.   if (document.getElementById) {
  10.    document.getElementById(id).style.display="block";
  11.  } else if (document.all) {
  12.    document.all[id].style.display="block";
  13.  } else if (document.layers) {
  14.    document.layers[id].display="block";
  15.  } }
  16. function cache(id) {
  17.   if (document.getElementById) {
  18.    document.getElementById(id).style.display="none";
  19.  } else if (document.all) {
  20.    document.all[id].style.display="none";
  21.  } else if (document.layers) {
  22.    document.layers[id].display="none";
  23.  } }
  24. function cache_all() {
  25. var i=1;
  26. var max=9;
  27. var menu="";
  28. for(i; i<max; i++) {
  29.  menu = "smenu"+i;
  30.  cache(menu);
  31. }
  32. }
  33. //-->
  34. </SCRIPT>
  35. <STYLE type=text/css>
  36. .menu {
  37. position : absolute;
  38. bottom : 0px;
  39. }
  40. dt, dl, dd, ul, li {
  41. list-style-type: none;
  42. margin: 0;
  43. padding: 0;
  44. z-index:2;
  45. }
  46. .menu dl {
  47. float: left;
  48. width: 6em;
  49. }
  50. .menu a {
  51. margin: 0 2px;
  52. height: 20px;
  53. display: block;
  54. text-align: center;
  55. font-weight: bold;
  56. border: 1px solid gray;
  57. text-decoration: none;
  58. color: #000;
  59. background: #fff;
  60. }
  61. .menu a:hover {
  62. background: #ccc;
  63. border: 1px solid gray;
  64. }
  65. #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8,  {
  66. position : absolute;
  67. display: none;
  68. width: 100%;
  69. font-size: 12px;
  70. }
  71. #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a {
  72. font-weight: normal;
  73. border-top: 0 none;
  74. }
  75. #smenu1 {
  76. margin : -140px 0px 0px 0px;
  77. }
  78. #smenu2 {
  79. margin : -140px 0px 0px 0px;
  80. }
  81. #smenu3 {
  82. margin : -100px 0px 0px 0px;
  83. }
  84. #smenu4 {
  85. margin : -140px 0px 0px 0px;
  86. }
  87. #smenu5 {
  88. margin : -160px 0px 0px 0px;
  89. }
  90. #smenu6 {
  91. margin : -140px 0px 0px 0px;
  92. }
  93. #smenu7 {
  94. margin : -140px 0px 0px 0px;
  95. }
  96. #smenu8 {
  97. margin : -120px 0px 0px 0px;
  98. }
  99. </STYLE>
  100. </head>
  101. <body bgcolor="#FFFFFF" onload="cache_all();">
  102. <div class="menu">
  103. <dl onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
  104.  <dt><a href="le_groupe_principal.htm">Groupe</a></dt>
  105.   <dd id="smenu1"  onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
  106.    <ul>
  107.     <li><a href="groupe_presentation.htm">Présentation</a></li>
  108.     <li><a href="groupe_activites.htm">Activités</a></li>
  109.     <li><a href="groupe_actualites.htm">Actualités</a></li>
  110.     <li><a href="groupe_archives.htm">Archives</a></li>
  111.     <li><a href="groupe_prive.htm">Espace privé</a></li>
  112.     <li><a href="groupe_divers.htm">Divers</a></li>
  113.    </ul>
  114.   </dd>
  115. </dl>
  116. <dl onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
  117.  <dt><a href="sarabandes_principal.htm">Sarabandes</a></dt>
  118.   <dd id="smenu2"  onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
  119.    <ul>
  120.    </ul>
  121.   </dd>
  122. </dl>
  123. <dl onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
  124.  <dt><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm">Louveteaux</a></dt>
  125.   <dd id="smenu3"  onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
  126.    <ul>
  127.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm">Présentation</a></li>
  128.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_calendrier.html">Calendrier</a></li>
  129.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_photos.html">Photos</a></li>
  130.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_chefs.html">Chefs</a></li>
  131.    </ul>
  132.   </dd>
  133. </dl>
  134. <dl onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
  135.  <dt><a href="sizaine_adaptee_principale.htm">Siz. adaptée</a></dt>
  136.   <dd id="smenu4"  onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
  137.    <ul>
  138.    </ul>
  139.   </dd>
  140. </dl>
  141. <dl onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
  142.  <dt><a href="scout_principal.htm">Scouts</a></dt>
  143.   <dd id="smenu5"  onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
  144.    <ul>
  145.     <li><a href="scout_presentation.htm">Présentation</a></li>
  146.     <li><a href="scout_la_troupe.htm">Troupe</a></li>
  147.     <li><a href="scout_les_activites.htm">Activités</a></li>
  148.     <li><a href="scout_mini_camp.htm">Mini-camp</a></li>
  149.     <li><a href="scout_le_camp.htm">Camp</a></li>
  150.     <li><a href="scout_espace_prive.htm">Espace privé</a></li>
  151.     <li><a href="scout_divers.htm">Divers</a></li>
  152.    </ul>
  153.   </dd>
  154. </dl>
  155. <dl onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
  156.  <dt><a href="pionniers_principal.htm">Pionniers</a></dt>
  157.   <dd id="smenu6"  onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
  158.    <ul>
  159.    </ul>
  160.   </dd>
  161. </dl>
  162. <dl onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
  163.  <dt><a href="compagnons_principal.htm">Compagnons</a></dt>
  164.   <dd id="smenu7"  onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
  165.    <ul>
  166.    </ul>
  167.   </dd>
  168. </dl>
  169. <dl onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
  170.  <dt><a href="divers_principal.htm">Divers</a></dt>
  171.   <dd id="smenu8"  onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
  172.    <ul>
  173.     <li><a href="divers_liens.htm">Liens</a></li>
  174.     <li><a href="divers_documents.htm">Documents</a></li>
  175.     <li><a href="http://pagesperso.laposte.net/bepimaco/livre.php">Livre d'or</a></li>
  176.     <li><a href="divers_ressources.htm">Ressources</a></li>
  177.     <li><a href="divers_contacts.htm">Contact</a></li>
  178.    </ul>
  179.   </dd>
  180. </dl>
  181. </div>
  182. </body>
  183. </html>


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764862
T509
$job-&gt;GetJob(now)
Posté le 15-06-2004 à 20:13:35  profilanswer
 

ça semble être pas top avec Firefox


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°764908
bepimaco
Festina lente
Posté le 15-06-2004 à 21:15:32  profilanswer
 

Mais ça marche très bien sous IE 6 !
 
En tout cas, merci beaucoup de ton aide. J'ai passé une bonne partie de mon après-midi à chercher et à consulter les différents sites, et maintenant, je comprends un peu mieux le principe du CSS.
 
Juste pour finir, est-ce que tu sais comment on fait pour qu'il soit centré ?


---------------
Bepimaco
n°765164
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 00:28:47  profilanswer
 

regarde les méthodes de centrage sur openweb ou sur alsacecreation
 
Si tu as progressé, c'est cool. Par contre ne fait pas un site qui n'est valable que sur IE6, essaie sur d'autres version d'IE et sur mozila, opéra


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°765945
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 15:45:48  profilanswer
 

tu t'en sors ?


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°765955
$man
Posté le 16-06-2004 à 15:54:41  profilanswer
 

salut,
n'étant pas ni un pro du js, ni du css je ne pourrais apporter mon aide.
Juste pour dire à T509 que son activité sur le forum et l'aide qu'il nous apporte est très appréciable.
merci :)

n°765979
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 16:01:28  profilanswer
 

de rien, je n'ai pas une activité très prenante actuellement alors cela m'occupe.
je ne suis pas un pro non plus.
En tout cas j'apprécie beaucoup ta reconnaissance. Ce n'est pas le cas de tout le monde ...


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°766027
EpoK
Let's burn
Posté le 16-06-2004 à 16:17:54  profilanswer
 

sous firefox ca fait bien nimp

n°766053
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 16:28:00  profilanswer
 

Oui, il faut optimiser le CSS, mais je n'ai pas cherché


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°766226
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 17:29:32  profilanswer
 

Pour que cela fonctionne mieux sous firefox, je crois qu'il ne faut pas mettre la partie <dd> ... </dd> quand il n'y a pas de menu déroulant


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°766435
bepimaco
Festina lente
Posté le 16-06-2004 à 20:57:17  profilanswer
 

Salut T509, aujourd'hui j'ai pas eu bcp de temps, mais je vais regarder ça ce soir. Je m'occupe des DD à virer. Et comme le dit $man : merci
 
Je n'ai jamais eu de cours ni de bouquins et mes études ne sont pas vraiment dans cette branche (économie). Et c'est grâce à de l'aide comme celle que tu viens de m'apporter que j'ai réussi à monter quelques projets.
 
Je ne sais pas si tu as vu la pub de Wanadoo d'il y a quelques mois, mais ce forum me fait vraiment penser à ça.
 
Encore milles fois merci de ce que tu fais, parceque même si tu dis n'avoir rien d'autre à faire, tu pourrais ne rien faire du tout.
 
PS : je cherche cette histoire de centrage, et je compte bien trouver


---------------
Bepimaco
n°766457
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 21:08:28  profilanswer
 

bepimaco a écrit :


 
Encore milles fois merci de ce que tu fais, parceque même si tu dis n'avoir rien d'autre à faire, tu pourrais ne rien faire du tout.


 
Je n'ai pas dit que je n'avais rien à faire loin de là. Je cherche du boulot (pas dans l'info) et en attendant, j'aide des potes à faire un site pour un joli projet sportif et je participe à ce forum.
Dès que j'en aurais retrouvé, vous ne me verrez plus ...


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°766464
bepimaco
Festina lente
Posté le 16-06-2004 à 21:14:23  profilanswer
 

J'ai essayé d'enlever les DD :
 

Code :
  1. <dd id="smenu7"  onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
  2.   <ul>
  3.   </ul>
  4. </dd>


 
Mais ça marche pas sous IE 6 : il me met un message d'erreur
 
Pour être précis :

Code :
  1. Erreur
  2. Une erreur est survenue.
  3. Souhaitez-vous un débogage ?
  4. Ligne : 19
  5. Erreur : objet requis


 
Et la ligne 19, c'est :
if (document.getElementById) {
 
pareil pour la ligne 28


Message édité par bepimaco le 16-06-2004 à 21:18:39

---------------
Bepimaco
n°766487
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 21:23:22  profilanswer
 

bon eh bien je ne sais pas. Il faudra de toutes les façons optimiser la choses car sous firefox, c'est l'absence de contenu dans certains menu déroulant qui pose problème.


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°766488
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 21:24:55  profilanswer
 

ou alors là où il n'y a pas de contenu déroulant, enlève les appaels javascript onmouseover et onmouseout


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°766500
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 21:39:14  profilanswer
 

cela marche mieux comme cela sous firefox :
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Scouts de St Egr&egrave;ve - Page de test</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <SCRIPT type=text/javascript>
  7. <!--
  8.   function montre(id) {
  9.      cache_all();
  10.   if (document.getElementById) {
  11.    document.getElementById(id).style.display="block";
  12.  } else if (document.all) {
  13.    document.all[id].style.display="block";
  14.  } else if (document.layers) {
  15.    document.layers[id].display="block";
  16.  } }
  17. function cache(id) {
  18.   if (document.getElementById) {
  19.    document.getElementById(id).style.display="none";
  20.  } else if (document.all) {
  21.    document.all[id].style.display="none";
  22.  } else if (document.layers) {
  23.    document.layers[id].display="none";
  24.  } }
  25. function cache_all() {
  26. var i=1;
  27. var max=9;
  28. var menu="";
  29. for(i; i<max; i++) {
  30.  menu = "smenu"+i;
  31.  cache(menu);
  32. }
  33. }
  34. //-->
  35. </SCRIPT>
  36. <STYLE type=text/css>
  37. .menu {
  38. position : absolute;
  39. bottom : 3px;
  40. }
  41. dt, dl, dd, ul, li {
  42. list-style-type: none;
  43. margin: 0;
  44. padding: 0;
  45. z-index:2;
  46. }
  47. .menu dl {
  48. float: left;
  49. width: 6em;
  50. }
  51. .menu a {
  52. margin: 0 2px;
  53. height: 20px;
  54. display: block;
  55. text-align: center;
  56. font-weight: bold;
  57. border: 1px solid gray;
  58. text-decoration: none;
  59. color: #000;
  60. background: #fff;
  61. }
  62. .menu a:hover {
  63. background: #ccc;
  64. border: 1px solid gray;
  65. }
  66. #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8,  {
  67. position : absolute;
  68. display: none;
  69. width: 100%;
  70. font-size: 12px;
  71. }
  72. #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a {
  73. font-weight: normal;
  74. border-top: 0 none;
  75. }
  76. #smenu1 {
  77. margin : -140px 0px 0px 0px;
  78. }
  79. #smenu2 {
  80. margin : -140px 0px 0px 0px;
  81. }
  82. #smenu3 {
  83. margin : -100px 0px 0px 0px;
  84. }
  85. #smenu4 {
  86. margin : -140px 0px 0px 0px;
  87. }
  88. #smenu5 {
  89. margin : -160px 0px 0px 0px;
  90. }
  91. #smenu6 {
  92. margin : -140px 0px 0px 0px;
  93. }
  94. #smenu7 {
  95. margin : -140px 0px 0px 0px;
  96. }
  97. #smenu8 {
  98. margin : -120px 0px 0px 0px;
  99. }
  100. </STYLE>
  101. </head>
  102. <body bgcolor="#FFFFFF" onload="cache_all();">
  103. <div class="menu">
  104. <dl onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
  105.  <dt><a href="le_groupe_principal.htm">Groupe</a></dt>
  106.   <dd id="smenu1"  onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
  107.    <ul>
  108.     <li><a href="groupe_presentation.htm">Présentation</a></li>
  109.     <li><a href="groupe_activites.htm">Activités</a></li>
  110.     <li><a href="groupe_actualites.htm">Actualités</a></li>
  111.     <li><a href="groupe_archives.htm">Archives</a></li>
  112.     <li><a href="groupe_prive.htm">Espace privé</a></li>
  113.     <li><a href="groupe_divers.htm">Divers</a></li>
  114.    </ul>
  115.   </dd>
  116. </dl>
  117. <dl onmouseover="cache_all();">
  118.  <dt><a href="sarabandes_principal.htm">Sarabandes</a></dt>
  119.   <dd id="smenu2">
  120.    <ul>
  121.    </ul>
  122.   </dd>
  123. </dl>
  124. <dl onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
  125.  <dt><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm">Louveteaux</a></dt>
  126.   <dd id="smenu3"  onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
  127.    <ul>
  128.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm">Présentation</a></li>
  129.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_calendrier.html">Calendrier</a></li>
  130.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_photos.html">Photos</a></li>
  131.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_chefs.html">Chefs</a></li>
  132.    </ul>
  133.   </dd>
  134. </dl>
  135. <dl onmouseover="cache_all();">
  136.  <dt><a href="sizaine_adaptee_principale.htm">Siz. adaptée</a></dt>
  137.   <dd id="smenu4">
  138.    <ul>
  139.    </ul>
  140.   </dd>
  141. </dl>
  142. <dl onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
  143.  <dt><a href="scout_principal.htm">Scouts</a></dt>
  144.   <dd id="smenu5"  onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
  145.    <ul>
  146.     <li><a href="scout_presentation.htm">Présentation</a></li>
  147.     <li><a href="scout_la_troupe.htm">Troupe</a></li>
  148.     <li><a href="scout_les_activites.htm">Activités</a></li>
  149.     <li><a href="scout_mini_camp.htm">Mini-camp</a></li>
  150.     <li><a href="scout_le_camp.htm">Camp</a></li>
  151.     <li><a href="scout_espace_prive.htm">Espace privé</a></li>
  152.     <li><a href="scout_divers.htm">Divers</a></li>
  153.    </ul>
  154.   </dd>
  155. </dl>
  156. <dl onmouseover="cache_all();">
  157.  <dt><a href="pionniers_principal.htm">Pionniers</a></dt>
  158.   <dd  id="smenu6">
  159.    <ul>
  160.    </ul>
  161.   </dd>
  162. </dl>
  163. <dl onmouseover="cache_all();">
  164.  <dt><a href="compagnons_principal.htm">Compagnons</a></dt>
  165.   <dd id="smenu7">
  166.    <ul>
  167.    </ul>
  168.   </dd>
  169. </dl>
  170. <dl onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
  171.  <dt><a href="divers_principal.htm">Divers</a></dt>
  172.   <dd id="smenu8"  onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
  173.    <ul>
  174.     <li><a href="divers_liens.htm">Liens</a></li>
  175.     <li><a href="divers_documents.htm">Documents</a></li>
  176.     <li><a href="http://pagesperso.laposte.net/bepimaco/livre.php">Livre d'or</a></li>
  177.     <li><a href="divers_ressources.htm">Ressources</a></li>
  178.     <li><a href="divers_contacts.htm">Contact</a></li>
  179.    </ul>
  180.   </dd>
  181. </dl>
  182. </div>
  183. </body>
  184. </html>


 
EDIT : dernière modif qui marche mieux sous firefox


Message édité par T509 le 16-06-2004 à 22:11:04

---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
n°766537
bepimaco
Festina lente
Posté le 16-06-2004 à 22:33:08  profilanswer
 

Merci,
 
j'ai fait la modif, et je cherche comment centrer


---------------
Bepimaco
n°766543
T509
$job-&gt;GetJob(now)
Posté le 16-06-2004 à 22:36:08  profilanswer
 

C'est le float: left; qui gène. mais si on l'enlève, cela ne marche plus.
 
J'avais modifié le javascript aussi ...

n°766579
bepimaco
Festina lente
Posté le 16-06-2004 à 23:15:22  profilanswer
 

Tu as rajouté : cache_all();
Je l'ai mis dès le première fois ! Sinon, je viens de relire les 2 codes javascript, et je ne vois pas d'autres changements.
 
Pour le float, c'est bien ce qu'il me semblait, et j'ai essayé de changer, mais ça ne marche jamais.
 
Si j'ai bien compris,
position: absolut permet de le garder en bas de la page. Si on l'enlève, il se met juste en dessous du calque précédent.
 
J'ai essayé les vertical-align, mais ça ne donne rien


---------------
Bepimaco
mood
Publicité
Posté le   profilanswer
 

 Page :   1  2
Page Précédente

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

  [Résolu] Menu déroulant inversé en CSS

 

Sujets relatifs
[VB 6] Liste d'un seul élément et affichage [RESOLU][MYSQL] faire la somme de la selection ? [RESOLU]
[php] Afficher des enregistrements sans doublon [résolu][ XHTML et CSS ] Problème d'overflow: auto...
forcer date jj/mm/aaaa [Résolu]CSS et impression
[RESOLU][API WIN] List box[résolu]DropDownList: récupération données
[C#] nombre de lignes dans un datagrid ? [résolu][Résolu] Utilisation de getch et getkey
Plus de sujets relatifs à : [Résolu] Menu déroulant inversé en CSS


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