Bonjour à tous !!
Nouvelle venue ds ce forum qui m'a l'air fort sympathique... J'aurai besoin de vos lumières !
Dans le cadre de la mise à jour d'un site web professionnel (ms conception simple), j'aurai aimé mettre un menu déroulant vertical, donc avec Menu et Sous-Menu.. J'ai donc testé le tutorial mis à disposition sur le site : http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal
NB : J'utilise Dreamweaver et je suis assez novice ds le domaine !
Mes problèmes :
1. Les sous-menus restent tjs apparents alors que seuls les menus devraient l'etre, qu'ai-je mal fait ?
2. Je voulais changer les couleurs des polices en blanc, ça marche sur les menus seuls, les sous menus mais pas sur les menus contenant les sous menus, comment faire ?
3. Derniere question mais pas primordial, je voulais que les sous menus ne soient pas imbriquées ensemble, je voulais que chq titre des sous menus soient encadrées, puis je le faire ?
Merci d'avance pour vos aides.. en espérant que l'on me répondra !
Titi
Modifié par Titi (09 Dec 2005 - 08:48)
Nouvelle venue ds ce forum qui m'a l'air fort sympathique... J'aurai besoin de vos lumières !
Dans le cadre de la mise à jour d'un site web professionnel (ms conception simple), j'aurai aimé mettre un menu déroulant vertical, donc avec Menu et Sous-Menu.. J'ai donc testé le tutorial mis à disposition sur le site : http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal
NB : J'utilise Dreamweaver et je suis assez novice ds le domaine !
Mes problèmes :
1. Les sous-menus restent tjs apparents alors que seuls les menus devraient l'etre, qu'ai-je mal fait ?
2. Je voulais changer les couleurs des polices en blanc, ça marche sur les menus seuls, les sous menus mais pas sur les menus contenant les sous menus, comment faire ?
3. Derniere question mais pas primordial, je voulais que les sous menus ne soient pas imbriquées ensemble, je voulais que chq titre des sous menus soient encadrées, puis je le faire ?
<html>
<head>
<title>Untitled Document</title>
<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';}
}
//-->
</script>
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% arial, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 4px 0;;
height: 25px;
line-height: 25px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #003399;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #FF9933;
}
#menu li a, #menu dt a {
color: #FFFFFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<dl id="menu">
<dt onclick="javascript:montre();"><a href="index.htm" target="_parent">Accueil</a></dt>
<dt onclick="javascript:montre('smenu2');">Présentation</dt>
<dd id="smenu2">
<ul>
<li><a href="8droite.htm" target="droite">Qui sommes-nous?</a></li>
<li><a href="1droite1.htm" target="droite">Historique</a></li>
<li><a href="1droite2.htm" target="droite">Equipe du SMITOM</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Installations de traitement</dt>
<dd id="smenu3">
<ul>
<li><a href="2droite--.htm" target="droite">L'UVEOM</a></li>
<li><a href="#" target="droite">Le CSDU</a></li>
<li><a href="#" target="droite">Les plates-formes de compostage</a></li>
<li><a href="#" target="droite">Les déchèteries</a></li>
<li><a href="#" target="droite">Les conteneurs</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Tri et Recyclage</dt>
<dd id="smenu4">
<ul>
<li><a href="#" target="droite">Les chiffres clés</a></li>
<li><a href="#" target="droite">Les modes de tri</a></li>
<li><a href="#" target="droite">Le devenir des matériaux</a></li>
<li><a href="#" target="droite">Portrait d'un trieur</a></li>
<li><a href="#" target="droite">Economies réalisées grâce
au tri</a></li>
</ul>
<dt onClick="javascript:montre();"><a href="index.htm" target="droite">Actualités</a></dt>
<dt onClick="javascript:montre('smenu6');">Sensibilisation</dt>
<dd id="smenu6">
<ul>
<li><a href="8droite.htm" target="droite">Les outils</a></li>
<li><a href="1droite1.htm" target="droite">La réglementation</a></li>
</ul>
</dd>
<dt onClick="javascript:montre('smenu7');">Adresses utiles</dt>
<dd id="smenu7">
<ul>
<li><a href="#" target="droite">Les syndicats de collecte</a></li>
<li><a href="#" target="droite">Les déchèteries</a></li>
<li><a href="#" target="droite">Les partenaires</a></li>
<li><a href="#" target="droite">Les installations de traitement</a></li>
</ul>
</dd>
<dt onClick="javascript:montre();"><a href="index.htm" target="droite">Documents
à télécharger </a></dt>
<dt onClick="javascript:montre();"><a href="index.htm" target="droite">Nous
contacter</a></dt>
</dl>
</body>
</html>
Merci d'avance pour vos aides.. en espérant que l'on me répondra !
Titi
Modifié par Titi (09 Dec 2005 - 08:48)
