Ajouter un commentaire

ahmet08
Problème affichage Menu deroulant sous Internet Explorer

Bonjour,

Voilà, je suis étudiant on a un projet à faire en HTML, j'ai fais mon site sous Unix et j'utilise Mozilla et mon site marche impec ! Le truc c'est que j'utilise plus Internet Explorer, mais j'ai envie de le mettre en ligne mais le problème c'est que mes menus déroulants ne se déroulent pas du tout sous IE même sous la version 7, je vous poste ma feuille de style :
-----------------------------------------------------------

#menu 
{
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 100px; 
	list-style-type: none;
}
#menu LI 
{
	padding: 0px 0px 0px 0px ;
	margin: 0px 0px 0px 0px; 
	position: relative; 
	width: 150px; 
	height: 5px;
	z-index: 100; 
	float: left; 
}
#menu LI DL 
{
	left: 0px; 
	position: absolute; 
	top: 0px;
}
#menu LI A 
{
	text-decoration: none;
}
#menu LI A:visited 
{
	text-decoration: none;
}
#menu LI DD 
{
	display: none;
}
#menu LI A:hover 
{
	border-top-width: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	border-right-width: 0px;
}
#menu LI:hover DD 
{
	display: block;
}

#menu LI A:hover DL 
{
	padding-bottom: 20px;
}
#menu DL 
{
	padding: 0px 0px 0px 0px ;
	background-color:#df2b2b;
	margin: 0px; 
	width: 150px; 
	cursor: pointer; 
	text-align: center;
}
#menu DT 
{
	padding: 5px 5px 5px 5px ;
	margin: 0px; 
	color: white; 
 	font-size: 13px;
	border-bottom: #444 1px solid;
}#menu DT:hover
{
	background-color:#ac2626;
}#menu DD 
{
	padding: 0px 0px 0px 0px ; 
	font-size: 11px; 
	background-color:#ac2626; 
	margin: 0px; 
	text-align: left;
	height:20px;
}
#menu LI DL:hover
{
	background-color:#ac2626;
}
#menu DD:hover
{
	background:#ff6a21;
}
.haut
{
	width: auto;
	height: 40px;
	color: #fff;
	font-size: 36px;
	padding: 10px;
	background: #1f1f14;
	border: 0px;
} 
.frame
{
	height: 600px;
	width: auto; 
	overflow: auto; 
	font-size: 14px;
	border: 0px;
	margin-left:60px;
	margin-right:60px;
	background: #1f1f14;
}
a:link
{
	color:black;
}
a:visited
{
	color:black;
}
a:active
{
	color:black;
}
a:hover
{
	color:black;
}
body
{
	color:white;
	background:#cdcc89;
}
p
{
	font-size: 13px;
}
-----------------------------------------------------
et dans la page web j'ai juste fais un link rel vers le CSS et j'ai fais un JS

document.write("<div class='haut'>");
document.write("<ul id=menu>");

document.write("<li><table><tr><td></td></tr></table></li>");

document.write("<li><table><tr><td><dl>");
document.write("<dt>Episodes");
document.write("<dd><a href='db.html'>Dragon Ball</a></dd>");
document.write("<dd><a href='dbz.html'>Dragon Ball Z</a></dd>");
document.write("<dd><a href='dbgt.html'>Dragon Ball GT</a></dd>");
document.write("<dd><a href='oav.html'>O.A.V.</a></dd>");
document.write("</dt></dl></td></tr></table></li>");

document.write("<li><table><tr><td><dl>");
document.write("<dt>Galleries d'images");
document.write("<dd><a href='wall.html'>Wallpaper</a></dd>");
document.write("<dd><a href='gifs.html'>Gifs Animé</a></dd>");
document.write("<dd><a href='Dessins.html'>Mes Dessins</a></dd>");
document.write("</dt></dl></td></tr></table></li>");

document.write("<li><table><tr><td><dl>");
document.write("<dt>Personnages");
document.write("<dd><a href='perso_Principale.html'>La Team</a></dd>");
document.write("<dd><a href='perso_ennemis.html'>Les Ennemis</a></dd>");
document.write("<dd><a href='perso_reste.html'>Le Reste</a></dd>");
document.write("</dt></dl></td></tr></table></li>");

document.write("<li><table><tr><td><dl>");
document.write("<dt>A Savoir");
document.write("<dd><a href='bio.html'>Biographie d'A.T.</a></dd>");
document.write("<dd><a href='technique.html'>Techniques</a></dd>");
document.write("<dd><a href='tournoi.html'>Tournois</a></dd>");
document.write("<dd><a href='jeux.html'>Jeux-Vidéo</a></dd>");
document.write("<dd><a href='quizz.html'>Quizz</a></dd>");
document.write("</dt></dl></td></tr></table></li>");	

document.write("</ul>");
document.write("</div>");
--------------------------------------------------------------------------------

et le problème ne vient pas non plus du JS car j'ai taper normalment le code du JS dans Body rien n'y fait !!

Pourriez vous m'aider ?

Filtered HTML

Plain text

CAPTCHA
Cette question permet de vérifier que vous n'êtes pas un robot spammeur :-)
 Y   Y  EEEE  ZZZZZ  K  K  H  H 
Y Y E Z K K H H
Y EEE Z KK HHHH
Y E Z K K H H
Y EEEE ZZZZZ K K H H