Menu deroulant

Bonjour,

J'ai un petit souci avec un menu récupére ! Voila qd je passe avec la souris sur les éléments de mon menu ou que je clioque dessus l'élément n'est pla affiché or je voudrais l'afficher quitte à changer de couleur .

infos : c'est un menu HTML avec du css
Merci d'avance

6 réponses

  • Votes
  • Date
  • Date décroissante
  1. Peux-tu mettre le code source ou mieux encore le publier sur internet sur un serveur http ?
    1. <html>
      <head>
      <title> Menus </title>

      <meta name="Author" content="C.JAFFRAY">
      <style type="text/css">

      .FoldCont {position:absolute; width:140px; left:5px; top:30px; font-size: 0; visibility:hidden;}
      .clFold {position:absolute; width:140px;font-size: 0; }
      .clFoldSub {position:absolute; width:140px; left:10px; font-size: 0; visibility:hidden;}
      .clFoldSub2 {position:absolute; width:140px; left:10px; font-size: 0; visibility:hidden;}
      .clFoldSub2Sub3 {position:absolute; width:140px; left:10px; font-size: 0; visibility:hidden;}

      .clLinks {font-family:Arial, Verdana, Helvetica; font-size:16px; color:blue; font-weight:bold; text-decoration:none;}
      .clLinksSub {font-family:Arial, Verdana, Helvetica; font-size:16px; color:blue; font-weight:bold; text-decoration:none; }
      .clLinksSub {font-family:Arial, Verdana, Helvetica; font-size:12px; color:blue; font-weight:bold; text-decoration:none; }
      .clLinksSub2 {font-family:Arial, Verdana, Helvetica; font-size:12px; color:blue; font-weight:bold; text-decoration:none; }
      .clLinksSub2Sub3{font-family:Arial, Verdana, Helvetica; font-size:12px; color:blue; font-weight:bold; text-decoration:none; }

      :hover {color: #EE7722;}
      a.nav:hover {color: #EE7722;}
      </style>

      <script language="JavaScript" type="text/javascript" src="foldout2.js"></script>
      <script language="JavaScript" type="text/javascript">

      <!-- parametres stables . ne pas changer --->
      foldImg = 1 //1 for images (not =>set to 0 and remove the images from the body)?
      pxbetweenmain = 4 //space between the main menus
      pxbetweensub = 4 //space between the sub menus
      mainstayfolded= false //main menus stay folded?
      substayfolded = false //sub menus stay folded? Play with these 2 variables.

      <!-- parametres liés au menu : actualiser en fonction des menus -->

      mainmenus = 6 //Nb of menus
      submenus =new Array(0,0,3,5,2,0) //Nb of submenus beneath each main level.

      </script>
      </head>

      <body marginleft="0" marginheight="0"bgcolor='#EE7722'>

      <!-- Menu -->
      <div id="FoldCont">

      <div class="clFold" id="Fold0" >
      <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(-1,this)" target="_top" href="/otarie" >
      <img name="imgFold0" src="img/home.gif" border=0 alt='home page'> Home</a><br>
      <div class="clFoldSub" id="FoldSub0_0"><a href=''></a></div>
      </div>

      <div class="clFold" id="Fold1" >
      <tr><td>
      <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(-1,this)" target="main" href="/otarie/Help.htm" >
      <img name="imgFold1" src="img/help.gif" border=0 alt='Admin'> Help</a><br>
      <div class="clFoldSub" id="FoldSub1_0"><a href=''></a></div>
      </div>
      <!-- Menu Analyses -->
      <div class="clFold" id="Fold2" >
      <table border='0' cellspacing='0' width='140'>
      <tr><td>
      <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(2,this)" target="main" href="/otarie/main_courbe.htm">
      <img name="imgFold2" src="sign_off.gif" border=0> Traffic Views</a>

      </td></tr></table>
      <!-- -->
      <div class="clFoldSub" id="FoldSub2_0">
      <table border='0' cellspacing='0' width='130'>
      <tr><td>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(2,0,this)" target="main" >
      <img name="imgFold2Sub0" src="arrow_on.gif" border=0 > Rates </a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub2_0_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Appli">By Application</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Mob">By Mobile Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Usage">By Usage Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Market">By Market</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_GGSN">By GGSN</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_AccesType">By Acces Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Link">By Link</a></td></tr>
      </table>
      </div>
      </div>

      <!-- -->
      <div class="clFoldSub" id="FoldSub2_1">
      <table border='0' cellspacing='0' width='130'>
      <tr><td>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(2,1,this)" target="main" >
      <img name="imgFold2Sub1" src="arrow_on.gif" border=0 >Customers </a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub2_1_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Appli">By Application</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Mob">By Mobile Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Usage">By Usage Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Market">By Market</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_GGSN">By GGSN</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_AccesType">By Acces Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Cust_Link">By Link</a></td></tr>
      </table>
      </div>
      </div>
      <div class="clFoldSub" id="FoldSub2_2">
      <table border='0' cellspacing='0' width='130'>
      <tr><td>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(2,2,this)" target="main" >
      <img name="imgFold2Sub2" src="arrow_on.gif" border=0 >Volume</a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub2_2_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Appli">By Application</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Mob">By Mobile Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Usage">By Usage Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Market">By Market</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_GGSN">By GGSN</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_AccesType">By Acces Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Vol_Link">By Link</a></td></tr>
      </table>
      </div>
      </div>
      <!-- -->

      <!-- Menu Analyses -->
      <div class="clFold" id="Fold3" >
      <table border='0' cellspacing='0' width='140'>
      <tr><td>
      <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(3,this)" target="main" href="/otarie/main_courbe.htm">
      <img name="imgFold3" src="sign_off.gif" border=0> Streaming </a>

      </td></tr></table>
      <!-- -->
      <div class="clFoldSub" id="FoldSub3_0">
      <table border='0' cellspacing='0' width='130'>
      <tr><td>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,0,this)" target="main" >
      <img name="imgFold3Sub0" src="arrow_on.gif" border=0 > Rates </a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub3_0_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Appli">By Protocol</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Mob">By Provider</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Usage">By Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Market">By Market</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_GGSN">By Usage Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_AccesType">By Acces Type</a></td></tr>
      </table>
      </div>
      </div>

      <!-- -->
      <div class="clFoldSub" id="FoldSub3_1">
      <table border='0' cellspacing='0' width='130'>
      <tr><td>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,1,this)" target="main" >
      <img name="imgFold3Sub1" src="arrow_on.gif" border=0 >Customers </a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub3_1_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Appli">By Protocol</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Mob">By Provider</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Usage">By Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_Market">By Market</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_GGSN">By Usage Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Rates_AccesType">By Acces Type</a></td></tr>
      </table>
      </div>
      </div>
      <div class="clFoldSub" id="FoldSub3_2">
      <table border='0' cellspacing='0' width='130'>
      <tr><td>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,2,this)" target="main" >
      <img name="imgFold3Sub2" src="arrow_on.gif" border=0 >Volume</a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub3_2_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_Vol_Type">Volume/Type </a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_Vol_Service">Volume/Provider </a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_Vol_Protocol">Volume/Protocol</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolNbSess_Type">Vol & Nb Sess/Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolNbSess_Service">Vol & Nb Sess/Prov</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolNbSess_Protocol">Vol & Nb Sess/Prot</a></td></tr>
      </table>
      </div>
      </div>
      <div class="clFoldSub" id="FoldSub3_3">
      <table border='0' cellspacing='0' width='130'>
      <tr><td>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,3,this)" target="main" >
      <img name="imgFold3Sub3" src="arrow_on.gif" border=0 >Duration</a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub3_3_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_DurMoySess_Type">Avg Dur Sess/Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_DurMoySess_Service">Avg Dur Sess/Prov</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_DurMoySess_Protocol">Avg Dur Sess/Prot</a></td></tr>
      </table>
      </div>
      </div>
      <div class="clFoldSub" id="FoldSub3_4">
      <table border='0' cellspacing='0' width='130'>
      <tr><td>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(3,4,this)" target="main" >
      <img name="imgFold3Sub4" src="arrow_on.gif" border=0 >Sessions</a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub3_4_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_NbSess_Type">Nb Sess/Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_NbSess_Service">Nb Sess/Provider</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_NbSess_Protocol">Nb Sess/Protocol</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolMoySess_Type">Avg Vol Sess/Type</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolMoySess_Service">Avg Vol Sess/Prov</a></td></tr>
      <tr><td bgcolor='beige'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/main_bitrate.php?Type_courbe=Str_VolMoySess_Protocol">Avg Vol Sess/Prot</a></td></tr>
      </table>
      </div>
      </div>

      <!-- -->
      <div class="clFold" id="Fold4" >
      <table border='0' cellspacing='0' width='140'>
      <tr><td>
      <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(4,this)" target="main" href="/otarie/stats.htm" >
      <img name="imgFold4" src="sign_off.gif" border=0 alt='Arborescence'> Statistiques</a>
      </td></tr></table>
      <!-- -->
      <div class="clFoldSub" id="FoldSub4_0">
      <table border='0' cellspacing='0' width='130'>
      <tr><td bgcolor='beige'>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(4,0,this)" target="main" href="/otarie/divers.htm" >
      <img name="imgFold4Sub0" src="arrow_on.gif" border=0 > Possibités</a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub4_0_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/bitrate_stats.php">Bitrates</a></td></tr>
      <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/divers.htm">ss menu2</a></td></tr>
      <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/divers.htm">ss menu3</a></td></tr>
      </table>
      </div>
      </div>
      <div class="clFoldSub" id="FoldSub4_1">
      <table border='0' cellspacing='0' width='130'>
      <tr><td bgcolor='beige'>
      <a class="clLinksSub" onfocus="Foldblur(this)" onclick="FoldSubClick(4,1,this)" target="main" href="/otarie/divers.htm" >
      <img name="imgFold4Sub1" src="arrow_on.gif" border=0 > Poss</a>
      </td></tr></table>
      <div class="clFoldSub2" id="FoldSub4_1_0">
      <table border='0' cellspacing='0' width='120'>
      <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/code/bitrate_stats.php">Bitrates</a></td></tr>
      <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/divers.htm">ss menu2</a></td></tr>
      <tr><td bgcolor=#CCFFCC'> <a class="clLinksSub2" onfocus="Foldblur(this)" target="main" href="/otarie/divers.htm">ss menu3</a></td></tr>
      </table>
      </div>
      </div>
      <!-- -->
      </div>

      <!-- -->
      <!-- Base Installee & HW -->
      <div class="clFold" id="Fold5" >
      <table border='0' cellspacing='0' width='140'>
      <tr><td>
      <a class="clLinks" onfocus="Foldblur(this)" onclick="FoldClick(-1,this)" target="main" href="/otarie/divers.htm" >
      <img name="imgFold5" src="img/arrow_xnext.gif" border=0 alt='home page'> Divers</a><br>
      <div class="clFoldSub" id="FoldSub5_0"><a href=''></a></div>
      </td></tr>
      <td valign='top'align='center' width='60%'>
                       
                       
                       
                       
                       
                       
                       
                       
                       
                       
                       
                       
                       
                       

      <font size=6 color='beige' face='Arial'><b>Orange </b></font>
      <font size=6 color='beige' face='Arial'><b>Server </b></font>
      <font size=6 color='beige' face='Arial'><b>Otarie V1.0</b></font>

      </td>

      </table>
      <td align='letf' width='10%'>
      <img src='C:\wamp\www\otarie\images\Otarie.gif'>
      </td>
      </div>

      <!-- fin -->
      </div>
      </div>
      </body>

      </html>

      Pour le css voila
      #ancre_menu{vertical-align:top;padding:5px 5px 0 0;margin:0}

      /* liens */
      .mh a,.vg a,.vd a{display:block;margin:0;padding:2px 5px;
      text-decoration:none;line-height:1.1em;}
      .titre a{background-color:blue;color:#800080/*violet*/;cursor:default}
      .titre a:hover,.titre a:active,.titre a:focus{background-color:#800080;color:#ffe263}
      .titre .suivi{background-color:#EFE6FE} /* couleur du suivi */
      /* avec url */
      .lien a{background-color:blue;color:green;font-weight:bold;cursor:pointer;cursor:hand/*IE5.0*/}
      .lien a:visited{color:gray;font-weight:normal}
      .lien a:hover,.lien a:active,.lien a:focus{
      background-color:blue;color:#ffe263;border:2px inset;padding:0 3px;}

      /* flèches */
      .fh,.fl{font-size:80%}
      .fl{position:absolute;}

      /* 1er niveau : */
      .mh li,.vd li,.vg li{display:inline;} /* bug IE */
      .mh li{float:left;}
      .mh{;height:1.35em}
      .vg,.vg ul,.mh,.mh ul,.vd,.vd ul{position:absolute;margin:0;padding:0;
      border:2px outset #DDF4EC; z-index:9}
      .vd{text-align:right;right:1.3em}/* marge du body de general.css reportée */

      /* 2éme niveau et suivants */
      .mh li li{float:none;}
      .vg ul,.mh ul,.vd ul{visibility:hidden;}
      .mh ul{margin-top:.4em}
      .vg ul,.mh ul ul{margin:-1.5em 0 0 -3px;}
      .vd ul{margin:-1.5em -3px 0 0;}

      et pour le .js voila

      var delai,menu,dul,db,class_menu;pause=1500;D=document;wul1=0;
      ie=D.all?1:0;op=window.opera?1:0;dtd=D.compatMode=="CSS1Compat"?1:0;

      // paramétrage :
      // flèches pour niveau horizontal, vertical ou vertical à droite
      flh='...'; flg='›'; fld='‹';
      flc=ie?4:8 ;// espace pour la flèche
      //correction bug padding+border ie et opéra non dtd
      da=10 // des liens
      dul=(ie&!dtd)?4:0; // des ul
      danc=(ie&!dtd)?10:0;// hauteur du div "ancre_menu"

      function initMenu(id_menu,class_menu){
      de=ie&!op&&dtd?D.documentElement:D.body //exception IE6 dtd
      fx=ie&!op?de.clientWidth:innerWidth-20 //l fenêtre
      menu=D.getElementById(id_menu);
      wul=[] // tableau des largeurs de sous-menus
      as=menu.getElementsByTagName('a');
      sousMenu=menu.getElementsByTagName('ul');
      elem=document.getElementsByTagName('select');

      // ajoute a href="#" dans les li sans lien .
      lis=menu.getElementsByTagName('li');
      for(i=0;i<lis.length;i++){var L=lis[i];
      if(L.firstChild.tagName!="A"){
      titre=L.firstChild.data;L.removeChild(L.firstChild);
      L.innerHTML='<a href="#">'+titre+'<\/a>'+L.innerHTML;L.className="titre"
      }
      else L.className="lien" // avec url
      }
      //ajoute un id aux sous-menus
      for(j=0;j<sousMenu.length;j++){sousMenu[j].id="ul"+j;wul[j]=0
      }
      //construction du menu :
      for(i=0;i<as.length;i++){
      lien=as[i];wa=lien.offsetWidth;
      smenu=lien.parentNode.getElementsByTagName('ul')[0]?1:0;
      if (smenu)wa+=flc;
      // 1er niveau horizontal
      if(lien.parentNode.parentNode.id==id_menu){
      if(class_menu=="mh"){if(smenu&&lien.innerHTML!="")lien.innerHTML+=flh;
      wa=lien.offsetWidth;wul1+=wa+da;
      }
      else { // vertical
      if(wa>wul1){wul1=wa+da;};
      // ajoute les fléches
      if(smenu){lien.innerHTML=(class_menu=="vd")?'<span class="fl">'+fld+'</span>'+
      lien.innerHTML:lien.innerHTML+'<span class="fl">'+flg+'</span> ';}
      }
      }
      //autres niveaux verticaux
      else {
      n=eval(lien.parentNode.parentNode.id.substr(2,2));
      if(wa>wul[n]){wul[n]=wa;};
      // ajoute les fléches
      if(smenu)lien.innerHTML=(class_menu=="vd")?'<span class="fl">'+fld+'</span>'+
      lien.innerHTML:lien.innerHTML+'<span class="fl">'+flg+'</span> ';
      }
      //ajoute les évènements.
      lien.onmouseover=lien.onfocus=function(){
      ul_parent=this.parentNode.parentNode;
      ul=this.parentNode.getElementsByTagName('ul')[0]
      ef(ul_parent); // cache tout après l'ul parent
      if(ul){ul.style.visibility="visible";// montre l'ul enfant
      (class_menu=="vd")?ul.style.right="100%":
      (class_menu=="mh"&&ul_parent.id!=id_menu)||(class_menu=="vg")?ul.style.left="100%":0;
      this.className="suivi"; // marquage du suivi de lien
      // voirSelect('hidden');
      }
      }; lien.onmouseout=function(){delai=setTimeout('eftout()',pause)};
      }

      //fixe la largeur du 1er menu :
      if(wul1)menu.style.width=wul1+dul+"px";

      //largeur des sous-menu verticaux et de leurs liens :
      for(var x=0;x<wul.length;x++){
      ula=sousMenu[x].getElementsByTagName('a');dda=(ie&!dtd)?da:0;
      for(var i=0;i<ula.length;i++){ula[i].style.width=wul[x]+dda+"px";
      }
      sousMenu[x].style.width=wul[x]+da+dul+"px";
      }
      lien.onblur=D.onclick=eftout // pour navigation clavier IE
      menu.className=class_menu; //activation retardée de la feuille de style

      // replace les flèches des menus verticaux au bons endroits.
      span = menu.getElementsByTagName('span');
      for(i=0;i<span.length;i++){A=span[i].parentNode;c=span[i].style;
      if(span[i].className=="fl"){
      c.top=A.offsetTop+2+"px";c.left=(class_menu=="vd")?4+"px":A.offsetWidth-8+"px";
      }
      }
      ancremenu();
      }

      function ancremenu(){ancre=D.getElementById('ancre_menu');
      if(ancre){
      ancre.appendChild(menu);
      with(ancre.style){
      height=menu.offsetHeight+danc+'px';width=menu.offsetWidth+dul+'px';
      }
      }
      }

      function ef(ul) { //cache les uls qui suivent cet ul.
      clearTimeout(delai);
      var li=ul.getElementsByTagName('li');
      for(i=0;i<li.length;i++){
      var ul=li[i].getElementsByTagName('ul')[0];
      if(ul){ul.style.visibility="hidden";
      li[i].firstChild.className=""; //rétabli le marquage initial
      }}}

      function eftout(){ef(menu);voirSelect('visible');
      menu.style.visibility="hidden";menu.style.visibility="visible";// bug ie
      }

      // bug ie corrigé : cache les <select> quand le menu est visible
      function voirSelect(v){
      if(ie&!op){for(i=0;i<elem.length;i++)elem[i].style.visibility=v;}
      }

      //-->
      1. Si j'ai bien compris, tu veux faire un menu avec des sous menus affichés dès qu'on clique ?

        Jette un coup d'oeil sur http://phpmysiteweb.com/test.html et dis moi si c'est ca

        Ensuite, on verra si tu veux autre chose
        1. oui c'est exactement cela !
      2. Tu veux lequel ?
        1. je veux bien les 2 si ce n'est pas trop demandé

          merci d'avance
      3. Avant tout, tu inclus cela :
        <script type="text/javascript"> 
        function changervisibilite(thingId)
        {
        	var targetElement;
        	targetElement = document.getElementById(thingId) ;
        	
        	if (targe<code>
        tElement.style.display == "none" )
        {
        targetElement.style.display = "" ;
        }
        else
        {
        targetElement.style.display = "none" ;
        }
        }

        function hidden_article(thingId)
        {
        targetElement = document.getElementById(thingId) ;
        targetElement.style.display = "none" ;
        }
        </script></code>

        Ensuite, selon le menu que tu veux :

          
        
         TYPE 1  : affichage du menu en cliquant sur "Menu principal"
         
        <a href="javascript:changervisibilite('1')">Menu Principal</a></u></h2>
        								<div id="1" style="display:none">
        									<a href="#">SOUS MENU 1</a> <br />
        									<a href="#">SOUS MENU 2</a> <br />
        									<a href="#">SOUS MENU 3</a> <br />
        
        									<a href="#">SOUS MENU 4</a> <br />
        									<a href="#">SOUS MENU 5</a> <br />
        
        								</div>
        
        TYPE 2  : affichage du menu en survolant avec la souris "Menu principal"
         
        <a href="#" onmouseover="javascript:changervisibilite('2')">Menu Principal</a></u></h2>
        								<div id="2" style="display:none">
        
        									<a href="#">SOUS MENU 1</a> <br />
        									<a href="#">SOUS MENU 2</a> <br />
        									<a href="#">SOUS MENU 3</a> <br />
        									<a href="#">SOUS MENU 4</a> <br />
        									<a href="#">SOUS MENU 5</a> <br />
        
        


        Si tu pijes pas quelque chose, tu le dis ;)
        1. aie aie aie
          j'ai teste avec ie6 seul menu principal souligné s'affiche !!
        2. Chez toi le pg s'affiche bien en ie6 et ie7 ?
      4. Cela s'affiche correctement avec IE7
        Mais je n'ai pas IE6 et en plus, il n'est plus d'actu