Menu déroulant firefox VS IE
Isa__
Messages postés
59
Statut
Membre
-
Ricky38 Messages postés 5776 Date d'inscription Statut Contributeur Dernière intervention -
Ricky38 Messages postés 5776 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
J'ai un fort joli script de menu déroulant visible ici :
https://www.hugedomains.com/domain_profile.cfm?d=belpois&e=com
Il fonctionne à merveille sous FF,mais pas sous IE... Je vous mets le code dessous, pouvez-vous me dire ce que cet abruti de IE n'a pas compris ?
Merci tout plein et d'avance de votre aide.
Isa
J'ai un fort joli script de menu déroulant visible ici :
https://www.hugedomains.com/domain_profile.cfm?d=belpois&e=com
Il fonctionne à merveille sous FF,mais pas sous IE... Je vous mets le code dessous, pouvez-vous me dire ce que cet abruti de IE n'a pas compris ?
Merci tout plein et d'avance de votre aide.
Isa
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>menu</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">
<!--
body {
margin: 0;
padding: 0;
background: #006EB5;
font: 80% verdana, arial, sans-serif;
/* couleur des titres menus à déroulement */
color : white;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
dl#menu {
width: 15em;
}
/* propriétés principales */
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 40px;
line-height: 40px;
text-align: center;
font-weight: bold;
border: 0px solid gray;
background: #006EB5;
}
/* propriétés sous menu */
dl#menu dd {
border: 0px solid gray;
}
/* propriétés sous menu */
dl#menu li {
height: 40px;
line-height: 40px;
text-align: center;
background: #4EA3DA;
}
dl#menu li a, dl#menu dt a {
/* couleur des menus "unique" */
color: white;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
/* couleur passage sous menu */
dl#menu li a:hover, dl#menu dt a:hover {
background: #9DD4FB;
}
#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}
-->
</style>
</head>
<body>
<br><br>
<dl id="menu">
<br><center>
<img src="./logo_dem.jpg" alt="DEM" width=50%>
<dt onclick="javascript:montre();"><a href="#">Accueil</a></dt>
<dt onclick="javascript:montre('smenu2');">Déménagements</dt>
<dd id="smenu2">
<ul>
<li><a href="#">DEM</a></li>
<li><a href="#">Garde-meubles</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Transports</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Distribution</a></li>
<li><a href="#">Logistique</a></li>
</ul>
</dd>
<dt onclick="javascript:montre();"><a href="#">Contact</a></dt>
<dt onclick="javascript:montre();"><a href="#">Mentions légales</a></dt>
</dl>
</body>
</html>
A voir également:
- Menu déroulant firefox VS IE
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Udp vs tcp - Guide
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
