Bonjour à tous,
Voilà j'ai intégré un menu qui marche dans l'ensemble très bien sur beaucoups d'ordi dans mon entourage sauf sur mon PC. Il marche apparement avec IE 6 sur les autres pc mais j'ai IE 7 et la en fait quand j'ouvre la page il charge en boucle la partie menu avec un son de clique comme si je cliquais 40 000 fois d'affilé sur ma souris et il ne s'affiche pas.
(Je précise que mes pages sont divisée en deux parties. gauche : menu et droite : contenu.)
Voici les codes dans ma page menu : (l'adresse de mon site étant http://gardiensdudonon.free.fr)
<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">
<!--
/* CSS issu des tutoriels http://css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: #000034;
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;
}
dl#menu {
width: 20em;
}
dl#menu dt {
cursor: pointer;
margin: 2px;
height: 33px;
line-height: 33px;
text-align: center;
font-weight: bold;
border: 0px solid gray;
background: #000034;
}
dl#menu dd {
border: 0px solid gray;
}
dl#menu li {
text-align: center;
background: #000034;
}
dl#menu li a, dl#menu dt a {
color: #000034;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
dl#menu li a:hover, dl#menu dt a:hover {
background: #000034;
}
#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000034;
background-color: #000034;
}
#mentions a {text-decoration: none;
color: #000034;
}
#mentions a:hover{text-decoration: underline;
}
-->
</style>
</head>
<body bgcolor="#000034" text="#000034" link="#000033" vlink="#000033" alink="#000033" onResize="window.location.href = window.location.href;" bgproperties="fixed">
<dl id="menu">M<br>E<br>N<br>U<br>
<dt onclick="javascript:montre('smenu2');"><IMG SRC="menu/dober.gif" BORDER=0 ><IMG SRC="menu/01home.jpg" BORDER=0 ></dt>
<dd id="smenu2">
<ul>
<li><a href="index.htm" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/03entree.jpg" BORDER=0 ></a></li>
<li><a href="DOB02.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/02accueil.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="dob03.html" target="_parent"><IMG SRC="menu/dober1.gif" BORDER=0 >
<IMG SRC="menu/04connaitre.jpg" BORDER=0 ></a></dt>
<dt onclick="javascript:montre();"><a href="dob11.html "target="_parent"><IMG SRC="menu/dober.gif" BORDER=0 >
<IMG SRC="menu/05contact.jpg" BORDER=0 ></a></dt>
<dt onclick="javascript:montre('smenu3');"><IMG SRC="menu/dober1.gif" BORDER=0 ><IMG SRC="menu/06femelles.jpg" BORDER=0 ></dt>
<dd id="smenu3">
<ul>
<li><a href="saphira.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/07saphira.jpg" BORDER=0 ></a></li>
<li><a href="dob04.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/08chloe.jpg" BORDER=0 ></a></li>
<li><a href="dob04b1b.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/09orchid.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');"><IMG SRC="menu/dober.gif" BORDER=0 ><IMG SRC="menu/10males.jpg" BORDER=0 ></dt>
<dd id="smenu4">
<ul>
<li><a href="cillian.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/11cillian.jpg" BORDER=0 ></a></li>
<li><a href="dob05bis.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/12cillianj.jpg" BORDER=0 ></a></li>
<li><a href="dob05bisb1b.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/13niestche.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');"><IMG SRC="menu/dober1.gif" BORDER=0 ><IMG SRC="menu/14chiots.jpg" BORDER=0 ></dt>
<dd id="smenu5">
<ul>
<li><a href="dob06.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/15chiotsdi.jpg" BORDER=0 ></a></li>
<li><a href="chienav.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/16chiens.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu6');"><IMG SRC="menu/dober.gif" BORDER=0 ><IMG SRC="menu/19photos.jpg" BORDER=0 ></dt>
<dd id="smenu6">
<ul>
<li><a href="grandi.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/17grandi.jpg" BORDER=0 ></a></li>
<li><a href="dob09.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/18album.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu7');"><IMG SRC="menu/dober1.gif" BORDER=0 ><IMG SRC="menu/20hommages.jpg" BORDER=0 ></dt>
<dd id="smenu7">
<ul>
<li><a href="dob05.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/21mozart.jpg" BORDER=0 ></a></li>
<li><a href="dob051b.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/21penelope.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu8');"><IMG SRC="menu/dober.gif" BORDER=0 ><IMG SRC="menu/22liens.jpg" BORDER=0 ></dt>
<dd id="smenu8">
<ul>
<li><a href="dob12.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/23eleveurs.jpg" BORDER=0 ></a></li>
<li><a href="dob13.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/24club.jpg" BORDER=0 ></a></li>
<li><a href="dob14.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/25annuaire.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="http://gardiensdudonon.clicforum.fr" target="_blank"><IMG SRC="menu/dober1.gif" BORDER=0 >
<IMG SRC="menu/26forum.jpg" BORDER=0 ></a></dt>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="declaration.html" target="_parent"><IMG SRC="menu/dober.gif" BORDER=0 >
<IMG SRC="menu/27droit.jpg" BORDER=0 ></a></dt>
</ul>
</dd>
</dl>
Voilà j'ai intégré un menu qui marche dans l'ensemble très bien sur beaucoups d'ordi dans mon entourage sauf sur mon PC. Il marche apparement avec IE 6 sur les autres pc mais j'ai IE 7 et la en fait quand j'ouvre la page il charge en boucle la partie menu avec un son de clique comme si je cliquais 40 000 fois d'affilé sur ma souris et il ne s'affiche pas.
(Je précise que mes pages sont divisée en deux parties. gauche : menu et droite : contenu.)
Voici les codes dans ma page menu : (l'adresse de mon site étant http://gardiensdudonon.free.fr)
<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">
<!--
/* CSS issu des tutoriels http://css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: #000034;
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;
}
dl#menu {
width: 20em;
}
dl#menu dt {
cursor: pointer;
margin: 2px;
height: 33px;
line-height: 33px;
text-align: center;
font-weight: bold;
border: 0px solid gray;
background: #000034;
}
dl#menu dd {
border: 0px solid gray;
}
dl#menu li {
text-align: center;
background: #000034;
}
dl#menu li a, dl#menu dt a {
color: #000034;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
dl#menu li a:hover, dl#menu dt a:hover {
background: #000034;
}
#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000034;
background-color: #000034;
}
#mentions a {text-decoration: none;
color: #000034;
}
#mentions a:hover{text-decoration: underline;
}
-->
</style>
</head>
<body bgcolor="#000034" text="#000034" link="#000033" vlink="#000033" alink="#000033" onResize="window.location.href = window.location.href;" bgproperties="fixed">
<dl id="menu">M<br>E<br>N<br>U<br>
<dt onclick="javascript:montre('smenu2');"><IMG SRC="menu/dober.gif" BORDER=0 ><IMG SRC="menu/01home.jpg" BORDER=0 ></dt>
<dd id="smenu2">
<ul>
<li><a href="index.htm" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/03entree.jpg" BORDER=0 ></a></li>
<li><a href="DOB02.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/02accueil.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="dob03.html" target="_parent"><IMG SRC="menu/dober1.gif" BORDER=0 >
<IMG SRC="menu/04connaitre.jpg" BORDER=0 ></a></dt>
<dt onclick="javascript:montre();"><a href="dob11.html "target="_parent"><IMG SRC="menu/dober.gif" BORDER=0 >
<IMG SRC="menu/05contact.jpg" BORDER=0 ></a></dt>
<dt onclick="javascript:montre('smenu3');"><IMG SRC="menu/dober1.gif" BORDER=0 ><IMG SRC="menu/06femelles.jpg" BORDER=0 ></dt>
<dd id="smenu3">
<ul>
<li><a href="saphira.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/07saphira.jpg" BORDER=0 ></a></li>
<li><a href="dob04.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/08chloe.jpg" BORDER=0 ></a></li>
<li><a href="dob04b1b.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/09orchid.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');"><IMG SRC="menu/dober.gif" BORDER=0 ><IMG SRC="menu/10males.jpg" BORDER=0 ></dt>
<dd id="smenu4">
<ul>
<li><a href="cillian.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/11cillian.jpg" BORDER=0 ></a></li>
<li><a href="dob05bis.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/12cillianj.jpg" BORDER=0 ></a></li>
<li><a href="dob05bisb1b.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/13niestche.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');"><IMG SRC="menu/dober1.gif" BORDER=0 ><IMG SRC="menu/14chiots.jpg" BORDER=0 ></dt>
<dd id="smenu5">
<ul>
<li><a href="dob06.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/15chiotsdi.jpg" BORDER=0 ></a></li>
<li><a href="chienav.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/16chiens.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu6');"><IMG SRC="menu/dober.gif" BORDER=0 ><IMG SRC="menu/19photos.jpg" BORDER=0 ></dt>
<dd id="smenu6">
<ul>
<li><a href="grandi.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/17grandi.jpg" BORDER=0 ></a></li>
<li><a href="dob09.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/18album.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu7');"><IMG SRC="menu/dober1.gif" BORDER=0 ><IMG SRC="menu/20hommages.jpg" BORDER=0 ></dt>
<dd id="smenu7">
<ul>
<li><a href="dob05.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/21mozart.jpg" BORDER=0 ></a></li>
<li><a href="dob051b.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/21penelope.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu8');"><IMG SRC="menu/dober.gif" BORDER=0 ><IMG SRC="menu/22liens.jpg" BORDER=0 ></dt>
<dd id="smenu8">
<ul>
<li><a href="dob12.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/23eleveurs.jpg" BORDER=0 ></a></li>
<li><a href="dob13.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/24club.jpg" BORDER=0 ></a></li>
<li><a href="dob14.html" target="_parent"><IMG SRC="menu/sousm.gif" BORDER=0 ><IMG SRC="menu/25annuaire.jpg" BORDER=0 ></a></li>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="http://gardiensdudonon.clicforum.fr" target="_blank"><IMG SRC="menu/dober1.gif" BORDER=0 >
<IMG SRC="menu/26forum.jpg" BORDER=0 ></a></dt>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="declaration.html" target="_parent"><IMG SRC="menu/dober.gif" BORDER=0 >
<IMG SRC="menu/27droit.jpg" BORDER=0 ></a></dt>
</ul>
</dd>
</dl>