menu déroulant - HTML/CSS - Programmation
Marsh Posté le 24-11-2007 à 14:19:14
tu sais pas faire un copier coller
ca te semblait pas important mais les onmouseout que t as enlevé sont exactement la source de ton probleme
Marsh Posté le 24-11-2007 à 14:38:22
je crois que je me suis mal exprimer >_< je n'ai pas enlevé de onmouseout, j'aimerai une ligne de code pour que le menu se ferme quand la souris ne le touche plus, j'ai essaier avec onmouseout mais avec onmouseout je ne peux plus clicker sur les sous menu
Marsh Posté le 24-11-2007 à 14:44:19
tu as enlevé le onmouseout de cet exemple : http://css.alsacreations.com/xmedi [...] smenu4.htm
Marsh Posté le 24-11-2007 à 14:55:37
a d'accord, jai compris je comprend mieu enfaite je n'avais rien enlever j'avais pris un autre script , merci !!
Marsh Posté le 24-11-2007 à 15:07:43
j ai jamais vu un script faire le tour du web comme celui ci ... il aurait du mettre un copyright dessus ca nous eviterait de faire le sav
Marsh Posté le 24-11-2007 à 13:48:41
boujour à tous,
voici mon script, le menu marche très bien, mais les menu ne disparraissent pas lorsque que ma souris de les touche plus, alors voila, j'aimerais savoir quelle ligne de code et ou l'incérer pour faire en sorte que dès que ma souris de touche plus les sous menu et le menu qu'il se range. j'ai essaier d'utiliser onmouseout=javascript:montre('') mais il se trouve que je ne peux plus clicker sur un sous menu. voila j'espère que j'ai été asser clair si vous avez des question n'hésitez pas!
<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">
<!-- 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;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid #007eff;
}
#menu dd {
border: 1px solid #007eff;
}
#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 dt a:hover {
background: #c3e5ff;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid #007eff; }
a {text-decoration: none;
color: black;
color: #222;
}
-->
</style></head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee" vlink="#007eff">
<div style="height: 16px; width: 778px; top: 194px; left: 65px;" id="menu">
<dl>
<dt style="background-color: rgb(17, 168, 253);" onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt style="background-color: rgb(17, 168, 253);" onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>
<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
<li><a href="#">Sous-Menu 1.4</a></li>
<li><a href="#">Sous-Menu 1.5</a></li>
<li><a href="#">Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>
<dl>
<dt style="background-color: rgb(17, 168, 253);" onmouseover="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>
<dl>
<dt style="background-color: rgb(17, 168, 253);" onmouseover="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>
<dl>
<dt style="background-color: rgb(17, 168, 253);" onmouseover="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>
</div>
Message édité par lihass le 24-11-2007 à 14:36:52