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

Menu déroulant inversé en CSS [Résolu] - HTML/CSS - Programmation

Marsh Posté le 14-06-2004 à 11:25:47    

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
Reply

Marsh Posté le 14-06-2004 à 11:25:47   

Reply

Marsh Posté le 15-06-2004 à 01:21:12    

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
Reply

Marsh Posté le 15-06-2004 à 02:08:57    

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 !
Reply

Marsh Posté le 15-06-2004 à 12:18:19    

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
Reply

Marsh Posté le 15-06-2004 à 13:09:15    

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 !
Reply

Marsh Posté le 15-06-2004 à 13:14:28    

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 !
Reply

Marsh Posté le 15-06-2004 à 13:43:15    

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
Reply

Marsh Posté le 15-06-2004 à 13:59:23    

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 !
Reply

Marsh Posté le 15-06-2004 à 14:04:53    

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


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

---------------
Bepimaco
Reply

Marsh Posté le 15-06-2004 à 14:07:39    

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
Reply

Marsh Posté le 15-06-2004 à 14:07:39   

Reply

Marsh Posté le 15-06-2004 à 14:10:13    

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 !
Reply

Marsh Posté le 15-06-2004 à 15:03:44    

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
Reply

Marsh Posté le 15-06-2004 à 15:37:04    

cela doit aller oui


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 15-06-2004 à 15:37:13    

et ça marche ?


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 15-06-2004 à 15:48:50    

ç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
Reply

Marsh Posté le 15-06-2004 à 16:07:07    

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="";
  6. for(i; i<max; i++) {
  7. menu = "smenu"+i;
  8. cache(menu);
  9. }
  11. }
  13. et remplace <body bgcolor="#FFFFFF"> par
  14. <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 !
Reply

Marsh Posté le 15-06-2004 à 17:48:40    

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
Reply

Marsh Posté le 15-06-2004 à 17:51:35    

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


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 15-06-2004 à 17:55:43    

Merci, je ne cherchait pas au bon endroit !


---------------
Bepimaco
Reply

Marsh Posté le 15-06-2004 à 19:41:10    

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
Reply

Marsh Posté le 15-06-2004 à 19:45:53    

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 !
Reply

Marsh Posté le 15-06-2004 à 20:11:28    

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">
  7. <SCRIPT type=text/javascript>
  8. <!--
  9.   function montre(id) {
  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.  } }
  18. function cache(id) {
  19.   if (document.getElementById) {
  20.    document.getElementById(id).style.display="none";
  21.  } else if (document.all) {
  22.    document.all[id].style.display="none";
  23.  } else if (document.layers) {
  24.    document.layers[id].display="none";
  25.  } }
  29. function cache_all() {
  30. var i=1;
  31. var max=9;
  32. var menu="";
  34. for(i; i<max; i++) {
  35.  menu = "smenu"+i;
  36.  cache(menu);
  37. }
  38. }
  39. //-->
  40. </SCRIPT>
  41. <STYLE type=text/css>
  42. .menu {
  43. position : absolute;
  44. bottom : 0px;
  45. }
  47. dt, dl, dd, ul, li {
  48. list-style-type: none;
  49. margin: 0;
  50. padding: 0;
  51. z-index:2;
  52. }
  54. .menu dl {
  55. float: left;
  56. width: 6em;
  57. }
  59. .menu a {
  60. margin: 0 2px;
  61. height: 20px;
  62. display: block;
  63. text-align: center;
  64. font-weight: bold;
  65. border: 1px solid gray;
  66. text-decoration: none;
  67. color: #000;
  68. background: #fff;
  69. }
  71. .menu a:hover {
  72. background: #ccc;
  73. border: 1px solid gray;
  74. }
  76. #smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8,  {
  77. position : absolute;
  78. display: none;
  79. width: 100%;
  80. font-size: 12px;
  81. }
  83. #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a, #smenu8 a {
  84. font-weight: normal;
  85. border-top: 0 none;
  86. }
  88. #smenu1 {
  89. margin : -140px 0px 0px 0px;
  90. }
  91. #smenu2 {
  92. margin : -140px 0px 0px 0px;
  93. }
  94. #smenu3 {
  95. margin : -100px 0px 0px 0px;
  96. }
  97. #smenu4 {
  98. margin : -140px 0px 0px 0px;
  99. }
  100. #smenu5 {
  101. margin : -160px 0px 0px 0px;
  102. }
  103. #smenu6 {
  104. margin : -140px 0px 0px 0px;
  105. }
  106. #smenu7 {
  107. margin : -140px 0px 0px 0px;
  108. }
  109. #smenu8 {
  110. margin : -120px 0px 0px 0px;
  111. }
  112. </STYLE>
  113. </head>
  114. <body bgcolor="#FFFFFF" onload="cache_all();">
  117. <div class="menu">
  118. <dl onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
  119.  <dt><a href="le_groupe_principal.htm">Groupe</a></dt>
  121.   <dd id="smenu1"  onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
  122.    <ul>
  123.     <li><a href="groupe_presentation.htm">Présentation</a></li>
  124.     <li><a href="groupe_activites.htm">Activités</a></li>
  125.     <li><a href="groupe_actualites.htm">Actualités</a></li>
  126.     <li><a href="groupe_archives.htm">Archives</a></li>
  127.     <li><a href="groupe_prive.htm">Espace privé</a></li>
  128.     <li><a href="groupe_divers.htm">Divers</a></li>
  129.    </ul>
  130.   </dd>
  131. </dl>
  133. <dl onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
  134.  <dt><a href="sarabandes_principal.htm">Sarabandes</a></dt>
  135.   <dd id="smenu2"  onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
  136.    <ul>
  138.    </ul>
  139.   </dd>
  140. </dl>
  142. <dl onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
  143.  <dt><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm">Louveteaux</a></dt>
  144.   <dd id="smenu3"  onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
  145.    <ul>
  146.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_principal.htm">Présentation</a></li>
  148.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_calendrier.html">Calendrier</a></li>
  149.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_photos.html">Photos</a></li>
  150.     <li><a href="http://perso.wanadoo.fr/site-lvt/louveteaux_chefs.html">Chefs</a></li>
  151.    </ul>
  152.   </dd>
  153. </dl>
  155. <dl onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
  156.  <dt><a href="sizaine_adaptee_principale.htm">Siz. adaptée</a></dt>
  158.   <dd id="smenu4"  onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
  159.    <ul>
  160.    </ul>
  161.   </dd>
  162. </dl>
  164. <dl onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
  165.  <dt><a href="scout_principal.htm">Scouts</a></dt>
  166.   <dd id="smenu5"  onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">
  167.    <ul>
  169.     <li><a href="scout_presentation.htm">Présentation</a></li>
  170.     <li><a href="scout_la_troupe.htm">Troupe</a></li>
  171.     <li><a href="scout_les_activites.htm">Activités</a></li>
  172.     <li><a href="scout_mini_camp.htm">Mini-camp</a></li>
  173.     <li><a href="scout_le_camp.htm">Camp</a></li>
  174.     <li><a href="scout_espace_prive.htm">Espace privé</a></li>
  176.     <li><a href="scout_divers.htm">Divers</a></li>
  177.    </ul>
  178.   </dd>
  179. </dl>
  181. <dl onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
  182.  <dt><a href="pionniers_principal.htm">Pionniers</a></dt>
  183.   <dd id="smenu6"  onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">
  184.    <ul>
  186.    </ul>
  187.   </dd>
  188. </dl>
  190. <dl onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
  191.  <dt><a href="compagnons_principal.htm">Compagnons</a></dt>
  192.   <dd id="smenu7"  onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">
  193.    <ul>
  194.    </ul>
  195.   </dd>
  197. </dl>
  199. <dl onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
  200.  <dt><a href="divers_principal.htm">Divers</a></dt>
  201.   <dd id="smenu8"  onmouseover="montre('smenu8');" onmouseout="cache('smenu8');">
  202.    <ul>
  203.     <li><a href="divers_liens.htm">Liens</a></li>
  204.     <li><a href="divers_documents.htm">Documents</a></li>
  205.     <li><a href="http://pagesperso.laposte.net/bepimaco/livre.php">Livre d'or</a></li>
  207.     <li><a href="divers_ressources.htm">Ressources</a></li>
  208.     <li><a href="divers_contacts.htm">Contact</a></li>
  209.    </ul>
  210.   </dd>
  211. </dl>
  212. </div>
  213. </body>
  214. </html>


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 15-06-2004 à 20:13:35    

ça semble être pas top avec Firefox


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 15-06-2004 à 21:15:32    

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
Reply

Marsh Posté le 16-06-2004 à 00:28:47    

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 !
Reply

Marsh Posté le 16-06-2004 à 15:45:48    

tu t'en sors ?


---------------
fermez vos topics résolus avec le tag [Résolu] en fin de titre. Merci !
Reply

Marsh Posté le 16-06-2004 à 15:54:41    

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 :)

Reply

Marsh Posté le 16-06-2004 à 16:01:28    

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 !
Reply

Marsh Posté le 16-06-2004 à 16:17:54    

sous firefox ca fait bien nimp

Reply

Marsh Posté le 16-06-2004 à 16:28:00    

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 !
Reply

Marsh Posté le 16-06-2004 à 17:29:32    

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 !
Reply

Marsh Posté le 16-06-2004 à 20:57:17    

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
Reply

Marsh Posté le 16-06-2004 à 21:08:28    

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 !
Reply

Marsh Posté le 16-06-2004 à 21:14:23    

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 ?
  5. Ligne : 19
  6. 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
Reply

Marsh Posté le 16-06-2004 à 21:23:22    

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 !
Reply

Marsh Posté le 16-06-2004 à 21:24:55    

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 !
Reply

Marsh Posté le 16-06-2004 à 21:39:14    

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

Marsh Posté le 16-06-2004 à 22:33:08    

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


---------------
Bepimaco
Reply

Marsh Posté le 16-06-2004 à 22:36:08    

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

Reply

Marsh Posté le 16-06-2004 à 23:15:22    

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
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed