pb de menu CSS

Marsh Posté le 23-09-2005 à 11:57:46

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>Présents : Tous les conseillers en exercice
Compte administratif 2004 : Le
Conseil adopte à l’unanimité le compte administratif
2004 présenté par le Maire, qui se résume ainsi pour
le budget principal :
Compte de gestion 2004 :
Le Conseil adopte ensuite les comptes de gestion dressés par le
receveur pour 2004.
Budget Supplémentaire 2005
: Le budget présenté est adopté à
l'unanimité.
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 €.
Ont également été adoptés à l'unanimité
les budgets de l'Eau, de l'Assainissement.
la Régie de transports scolaires est désormais transférée
à la Communauté de Communes depuis le 1er janvier 2005.
Les principales dépenses supplémentaires
:
- Aménagement bourg : 30 395,37 €
(Complément de travaux sur 1ère tranche))
- Acquisition de matériels : 1 300,00
€ (informatique mairie)
- Divers bâtiments : 25 000,00 €
(Bibliothèque, sanitaires salle communale et mise en conformité
du Gîte)
- Service de l’Eau : 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)
2ème tranche des travaux du bourg
: 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.
Chapelle Sainte-Madeleine : 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.
Couverture ADSL : 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.
</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.
Il est désormais interdit :
- de laver les véhicules
- de remplir les piscines privées
- d’arroser les pelouses, les espaces verts et les massifs de fleurs,
entre 9 h et 19 h
- d’irriguer les prairies et les cultures entre 10 h et 19 heures
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.
Il est désormais interdit :
- de laver les véhicules
- de remplir les piscines privées
- d’arroser les pelouses, les espaces verts et les massifs de fleurs,
entre 9 h et 19 h
- d’irriguer les prairies et les cultures entre 10 h et 19 heures
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.

Reply

Marsh Posté le 23-09-2005 à 11:57:46

Reply

Marsh Posté le 23-09-2005 à 12:08:20

Pourquoi mettre des font quand on utilise une CSS ? Pourquoi laisser les fonctions de préchargement d'images qui ne servent à rien ?

Sinon, pour ton menu, demande à Raphael goetter (www.alsacreations.com), l'auteur de ce menu

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

Reply

Marsh Posté le 23-09-2005 à 12:49:46

solution : faire le truc toi même

Reply

Marsh Posté le 23-09-2005 à 13:36:54

Je vous remercie mais je crois qu'effectivement je vais essayer de le faire moi même

Reply

pb de menu CSS

Sujets relatifs:

Leave a Replay