18073 sujets

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

A propos de la variante du menu deroulant vertical

Je veux créer pour mon site un menu deroulant vertical comme celui de "variante du menu deroulant vertical" sur la page d'easycréations.
Le problème est qu'il n'y a pas le code html correspondant. En attendant j'ai mis celui là :
</head><body><dl id="menu">



<dl>
<dt onmouseover="javascript:montre('smenu1');">Membres Acteurs</dt>

<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="associations.htm">Associations</a></li>
<li><a href="banques_cooperatives.htm">Banques coopératives</a></li>
<li><a href="autres_cooperatives.htm">Autres Coopératives</a></li>
<li><a href="acteurs_transversaux.htm">Acteurs Transversaux</a></li>
<li><a href="entrinser.htm">Entreprises d'Insertion</a></li>
<li><a href="mutuelle.htm">Mutuelles d'Assurances</a></li>
<li><a href="mutualite.htm">Mutualité</a></li>
</ul>
</dd>


</ul>
</dd>

Je voudrais que les sous menus s'ouvrent sur la droite et non en dessous. Que faut-il changer ?
Merci Smiley biggrin
Administrateur
Salut tounegege et bienvenue à toi,

Je vais devoir jouer mon rôle de modérateur car il semblerait que tu n'aies pas pris le temps de lire le message d'annonce en haut du forum ("nouveau sur le forum").

Celui-ci indique clairement où se trouvent les Règles du forum (celles que tu as confirmé avoir lues et approuvé en cliquant sur le bouton d'inscription).

Ces règles expliquent notammment comment afficher un code correctement sur le forum. Merci de les appliquer pour le bien de la communauté.

PS : je déplace dans le salon "service après-vente"
Modifié par Raphael (21 Sep 2005 - 12:07)
Oui c'est vrai que je n'ai pas lu les conditions car j'étais un peu pressée.
Enfin bref le problème suggéré est il celui ci ?:
Merci de systématiquement baliser vos codes HTML ou CSS avec le bouton CODE approprié (éviter également, pour des questions de lisibilité, de présenter des codes HTML et PHP imbriqués)

Que voulez vous dire par baliser ? Smiley ravi
tounegege a écrit :
Que voulez vous dire par baliser ? Smiley ravi
ca veut dire mettre ton code entre les balises [ouvrir crochet]code[fermer crochet] et [ouvrir croche]/code[fermer crochet] comme ceci :
code bien mis en forme et facile à lire
tu peux aussi utiliser le bouton code en dessous de la zone de saisie
Ok pas de probème !
Donc j'aimerais créer une variante du menu vertical (avec les sous menus à droite comme l'exemple) mais pour l'instant je n'ai réussi qu'à avoir les sous menus dessous.
Voici le code que j'ai pour l'instant
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Membres acteurs</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: 70% 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;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: lpx solid gray;
}
#menu li {
text-align: center;
background: #5970AA;
}
#menu li a, #menu dt a {
color: #FFF;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #FF9900;
}
-->
</style>
</head><body><dl id="menu">

	
	
	<dl>			
		<dt onmouseover="javascript:montre('smenu1');">Membres Acteurs</dt>

		<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
			<ul>
				<li><a href="associations.htm">Associations</a></li>
				<li><a href="banques_cooperatives.htm">Banques coopératives</a></li>
				<li><a href="autres_cooperatives.htm">Autres Coopératives</a></li>
				<li><a href="acteurs_transversaux.htm">Acteurs Transversaux</a></li>
				<li><a href="entrinser.htm">Entreprises d'Insertion</a></li>
				<li><a href="mutuelle.htm">Mutuelles d'Assurances</a></li>
				<li><a href="mutualite.htm">Mutualité</a></li>
				</ul>
		</dd>
	

				</ul>
			</dd>	
			
		

		
	
</dl>


J'espère que je l'ai bien mis en "balises"
Pouvez vous me suggérer une solution ?
Sujet clos
Aller à