Voilà je viens de lancer mon site, mais je me suis rendu compte que sous internet explorer mon menu déroulant bug totalement, et je ne sais vraiment pas comment résoudre mon souci. J'ai fait le menu à partir d'un tutorial, mais là je m'en sort plus.
J'ai vérifier sur Firefox et Safari, car je suis sous Mac, j'ai eu la mauvaise surprise quand j'ai été sur mon pc...
Si quelqu'un à une idée.
<html>
<head>
<title>A PY FILM : Films pour particuliers et entreprises</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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: black;
font: 100% Eurostile, arial, sans-serif;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
color: white;
}
#H1 {
color: #f7f39c;
text-align: center;
font-size: 20pt;
padding-left:300px;
padding-top:120px;
width: 800px;
}
#corps {
color: white;
text-align: left;
font-size: 12pt;
font: 100% Eurostile, arial, sans-serif;
padding-left:300px;
width: 800px;
}
#corps a:link {
color: #f7f39c;
text-decoration: none;
}
#corps a:visited {
color: #f7f39c;
text-decoration: none;
}
#corps a:hover {
color: #f9d559;
text-decoration: underline;
}
#pied {
color: grey;
text-align: center;
font-size: 8pt;
font: 100% Eurostile, arial, sans-serif;
padding-left:300px;
width: 800px;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
font: 95% arial, sans-serif;
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index: 100;
float: left;
width: 800px;
margin:0;
padding:0;
padding-left: 300px;
padding-top: 170px;
}
#menu dl {
float: right;
width: 160px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #000;
color: white;
border: 0px;
margin: 1px;
}
#menu dd {
display: none;
border: 0px;
}
#menu li {
text-align: center;
background: #000;
}
#menu li a, #menu dt a {
color: #FFF;
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: #FFF;
color: #000;
}
-->
</style>
</head>
<body>
<div id="corps">
<dl>
<img src="images/header.jpg">
</dl></div>
<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="contact.html">Nous Contacter</a>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');">Nos Tarifs</dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<ul>
<li><a href="tarif_inst.html">Entreprises</a></li>
<li><a href="tarif_part.html">Particuliers</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');">Nos Productions</dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<ul>
<li><a href="produc_institu.html">Institutionnel</a></li>
<li><a href="produc_mariage.html">Mariage</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');">Nos services</dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="entr.html">Entreprises</a></li>
<li><a href="particu.html">Particuliers</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();"><a href="bienvenue.html" title="Retour à l'accueil">Bienvenue</a></dt>
</dl>
</div>
<div id="H1"><dl>Bienvenue sur apyfilm.com !</dl>
</div><br><br><br><br>
<div id="corps">Bienvenue sur notre site apyfilm.com. Vous êtes un particulier, une entreprise, et vous avez besoin de services audiovisuels ? Apyfilm est là pour ça !
<br> Films insitutionnels pour entreprises, films de mariage, conseils en montage, transfert DVD... <br>
Afin de trouver les services qui vous correspondent, nous vous invitons à parcourir les différentes catégories du site. <br>
<br>
Si vous êtes une entreprise, <a href=entr.html>cliquez ici</a><br>
Si vous êtes un particulier, <a href=particu.html>cliquez ici</a></br>
</div><br><br><br>
<div id="pied">Contact : 06 31 68 06 16 - py.bariquault@apyfilm.com</div>
</body>
</html>