18041 sujets

Questions générales et questions de débutants

Problème avec le menu deroulant

Bonjour, à tous,

Qui peux m'aider ?

Pour créer un un menu déroulant horizontal. J'ai juste les titre de chaque menu mais les sous menu ne se déroule pas.

Merci d'avance

Cordialement

Voici le code

Bonjour à tous !

J'ai bien suivi la document comment créer un squelette sous spip via ce lien http://css.alsacreations.com/Gestionnaires-de-contenu-CMS/SPIP5
Mon problème c'est que le menu déroulant ne fonctionne pas comment faire ?

Voici le fichier menu.js

// JavaScript Document
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=30; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->

Voici le fichier sommaire.html

#CACHE{7200}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>


<link rel="stylesheet" type="text/css" href="#CHEMIN{css/mon_style.css}" />


<script type="text/javascript" src="#CHEMIN{script/menu.js}"></script>


</head>
<!--<?xml-stylesheet href="#CHEMIN{css/mon_style.css}" type="text/css"?>-->
<body>

<div id="menu">

<dl>
<dt onmouseover="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>

<li><a href="#">#Sous-Menu 2.1</a></li>
</ul>
</dd>
</dl>



<dl>
<dt onmouseover="javascript:montre();">
<a href="URL_SITE_SPIP" title="[(#NOM_QITE_SPIP)]">Accueil</a></dt>
</dl>
<BOUCLE_menu(RUBRIQUES) {racine} {par titre}>
<dl>
<dt onmouseover="javascript:montre('#DESCRIPTIF');">#TITRE</dt>
<dd id="#DESCRIPTIF">
<ul>
<BOUCLE_sous_menu(RUBRIQUES) {id_parent} {par titre}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_sous_menu>
</ul>
</dd>
</dl>
</BOUCLE_menu>
</div>
</body>
</html>


Voici le fichier mon_style.css

[code]

body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, 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;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}

Merci d'avance

Cordialement
Modifié par rezolinux (21 Mar 2008 - 11:02)
Modérateur
Bonjour rezolinux, bienvenue, Smiley smile

Sans page en ligne ou code, tu vas difficilement pouvoir recevoir de l'aide, m'est avis... Smiley rolleyes

Quelques précisions sur tes travaux et sur ce qui te bloque seraient bienvenues. Smiley cligne
Modérateur
Salut,

Dans ton code js, tu as ceci :
for (var i = 1; [#red]#ID_RUBRIQUE[/#]; i++)
Il te faut donc modifier la condition...

Par ailleurs, le code html de ta page est invalide. Smiley cligne
Sujet clos
Aller à