petitsoldat | Bonjour,
j'ai récupéré un code css pour faire une menu vertical qui permet d'afficher les sous-menus en cliquant sur les menus et masquer les autres sous-menus. J'ai fais un lien d'une pages toute simple sur la page contenant ce menu. Lorsque que j'arrive sur la page, il m'ouvre tous les sous-menus? Avez vous une idée pour me dépanner? Voici le code de la page conteant le menu CSS:
Code :
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>Diaporama: la nature de Monistrol d'Allier</title>
- <link href="../outils/styleoutils.css" rel="stylesheet" type="text/css">
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <script type="text/javascript">
- <!--
- window.onload=montre;
- function montre(id) {
- var d = document.getElementById(id);
- for (var i = 1; i<=10; i++) {
- if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
- }
- if (d) {d.style.display='block';}
- }
- function MM_preloadImages() { //v3.0
- var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
- var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
- if (a.indexOf("#" )!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
- }
- function MM_swapImgRestore() { //v3.0
- var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
- }
- function MM_findObj(n, d) { //v4.01
- var p,i,x; if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
- d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
- if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
- for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
- if(!x && d.getElementById) x=d.getElementById(n); return x;
- }
- function MM_swapImage() { //v3.0
- var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
- if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
- }
- //-->
- </script>
- <style type="text/css">
- /* CSS issu des tutoriels css.alsacreations.com */
- <!--
- dl, dt, dd, ul, li {
- margin: 0;
- padding: 0;
- list-style-type: none;
- }
- #menu {
- position: absolute;
- left: 50%;
- margin-left: -214px;
- top: 130px;
- }
- #menu {
- width:430px;
- color: #ffffff;
- }
- #menu dt {
- cursor: pointer;
- margin: 10px;
- height: 20px;
- line-height: 20px;
- text-align: left;
- font-weight: bold;
- background: #0094bf;
- padding-left: 5px;
- }
- #menu li {
- text-align: justify;
- color: #000000;
- padding: 5px;
- }
- #menu li a, #menu dt a {
- color: #ffffff;
- text-decoration: none;
- display: block;
- border: 0 none;
- height: 100%;
- }
- #menu dt a:hover {
- background: #ffcc00;
- color: #0094bf;
- }
- .mentions {
- position: absolute;
- top : 300px;
- left : 10px;
- color: #000;
- background-color: #ddd;
- }
- -->
- </style>
- </head>
- <body bgcolor="d7eef4" leftmargin="0" topmargin="0" rightmargin="0" onLoad="MM_preloadImages('../outils/images/fermer_over.gif')" >
- <div class="pictofermer"><a href="javascript:window.close();" onMouseOver="MM_swapImage('Fermer','','../outils/images/fermer_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../outils/images/fermer_out.gif" alt="Fermer la fenêtre" name="Fermer" border="0" id="Fermer"></a></div>
- <table width="445" height="452" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
- <td height="133" valign="top" background="images/bandeau_news.gif"><img src="../images/logo.gif" width="144" height="73"></td>
- </tr>
- <tr>
- <td height="350"> </td>
- </tr>
- </table>
- <dl id="menu">
- <dt onClick="javascript:montre('smenu1');"><a href="#">COMPTE-RENDU
- DE LA SEANCE DU CONSEIL MUNICIPAL DU 29 JUIN 2005</a></dt>
- <dd id="smenu1">
- <ul>
- <li><p>Présents : Tous les conseillers en exercice</p>
- <p><strong><font color="#0094BF">Compte administratif 2004 : </font></strong>Le
- Conseil adopte à l’unanimité le compte administratif
- 2004 présenté par le Maire, qui se résume ainsi pour
- le budget principal :</p>
- <p><strong><font color="#0094BF">Compte de gestion 2004 :</font></strong>
- Le Conseil adopte ensuite les comptes de gestion dressés par le
- receveur pour 2004.</p>
- <p><strong><font color="#0094BF">Budget Supplémentaire 2005
- :</font> </strong> Le budget présenté est adopté à
- l'unanimité. <br>
- Pour le budget principal, la section de fonctionnement s'équilibre
- à 116 987,75 € dont 57 195,37 € de prélèvement
- supplémentaire pour l’investissement. La section d'investissement
- s'équilibre à 251 861,18 €. <br>
- Ont également été adoptés à l'unanimité
- les budgets de l'Eau, de l'Assainissement.<br>
- la Régie de transports scolaires est désormais transférée
- à la Communauté de Communes depuis le 1er janvier 2005.
- </p>
- <p><strong><font color="#0094BF">Les principales dépenses supplémentaires
- :</font></strong></p>
- <p>- <strong><em>Aménagement bourg</em> :</strong> 30 395,37 €
- (Complément de travaux sur 1ère tranche))</p>
- <p>-<strong> <em>Acquisition de matériels </em>:</strong> 1 300,00
- € (informatique mairie)</p>
- <p>- <strong><em>Divers bâtiments</em> :</strong> 25 000,00 €
- (Bibliothèque, sanitaires salle communale et mise en conformité
- du Gîte)</p>
- <p>- <strong><em>Service de l’Eau</em> :</strong> 78 200,00 €
- (Financement de la 2ème tranche des travaux de rectification de
- la RD 589 entre les Gouttes et le Bois Noir et remplacement de la conduite
- AEP)</p>
- <p><strong><font color="#0094BF">2ème tranche des travaux du bourg
- :</font></strong> Monsieur le maire informe le Conseil que la 2ème
- tranche des travaux d’aménagement du bourg ne pourra pas
- bénéficier des fonds européens FEOGA (qui représentaient
- 30 % du financement de la première tranche). Afin de ne pas interrompre
- les travaux, la tranche sera réalisée sur 2 exercices.</p>
- <p><strong><font color="#0094BF">Chapelle Sainte-Madeleine :</font> </strong>Sur
- proposition de la Direction régionale des Affaires Culturelles,
- le Conseil municipal émet un avis favorable à la demande
- de classement de la chapelle à l’inventaire supplémentaire
- des monuments historiques.</p>
- <p><strong><font color="#0094BF">Couverture ADSL :</font></strong> La commune
- est desservie en Internet Haut Débit (ADSL) depuis le début
- du mois de mai. Cette couverture ne concerne pour le moment que le bourg,
- puisque le central téléphonique de St-Privat n’assure
- le haut débit que sur une distance d’environ 5 kilomètres.</p>
- </li>
- </ul>
- </dd>
- <dt onClick="javascript:montre('smenu2');"><a href="#">VISITE
- DU PREFET DE REGION</a></dt>
- <dd id="smenu2">
- <ul>
- <li>Par arrêté préfectoral du 27 juillet et suite aux
- conditions hydrologiques actuelles, la zone « Allier amont »
- est classée au niveau rouge de l’alerte sécheresse.
- Tous les prélèvements d’eau en milieu naturel sont
- strictement réglementés.<br>
- <strong>Il est désormais interdit :</strong><br>
- - de laver les véhicules<br>
- - de remplir les piscines privées<br>
- - d’arroser les pelouses, les espaces verts et les massifs de fleurs,
- entre 9 h et 19 h<br>
- - d’irriguer les prairies et les cultures entre 10 h et 19 heures<br>
- Ces mesures concernent tous types de prélèvement à
- partir des réseaux publics ou privés, des puits ou cours
- d’eau…</li>
- </ul>
- </dd>
- <dt onClick="javascript:montre('smenu3');"><a href="#">SECHERESSE</a></dt>
- <dd id="smenu3">
- <ul>
- <li>Par arrêté préfectoral du 27 juillet et suite aux
- conditions hydrologiques actuelles, la zone « Allier amont »
- est classée au niveau rouge de l’alerte sécheresse.
- Tous les prélèvements d’eau en milieu naturel sont
- strictement réglementés.<br>
- <strong>Il est désormais interdit :</strong><br>
- - de laver les véhicules<br>
- - de remplir les piscines privées<br>
- - d’arroser les pelouses, les espaces verts et les massifs de fleurs,
- entre 9 h et 19 h<br>
- - d’irriguer les prairies et les cultures entre 10 h et 19 heures<br>
- Ces mesures concernent tous types de prélèvement à
- partir des réseaux publics ou privés, des puits ou cours
- d’eau…</li>
- </ul>
- </dd>
- </dl>
- </body>
- </html>
|
Merci par avance.
|