ik ben bezig met een website met een dropdown menu maar nu werkt hij aleen in FF en niet in IE
de fouten:
hij doet geen drop down als je er overheen gaat
hij is niet transperant
voorbeeld:
http://tennisgame.be/login/drop%20down%20menu.html
code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>drop down menu</title>
<body>
<style type="text/css">
body {
background: #282828;
text-align: center;
background: #222222 url('menu.jpg') no-repeat fixed top;
}
.imclear{
clear:left;
height:0px;
visibility:hidden;
font-size:1px;
line-height:0px;
}
.imcm ul,.imcm li,.imcm div,.imcm span{
text-align:left;vertical-align:top;
cursor:hand;
cursor:pointer;
padding:0px;
margin:0;
list-style:none;
}
.imcm ul{
zoom:1
}
.imsc{
position:relative;
}
.imsubc{
position:absolute;
visibility:hidden;
}
.imcm li{
list-style:none;
font-size:1px;
float:left;
}
.imcm ul ul li{
width:100%;
float:none;
}
.imcm a{
display:block;
zoom:1;
position:relative;
}
.imcm ul .imsc,.imcm ul .imsubc {
z-index:1;
}
.imcm ul ul .imsc,.imcm ul ul .imsubc{
z-index:2;
}
.imcm ul ul ul .imsc,.imcm ul ul .imsubc{
z-index:3;
}
.imde ul li:hover .imsubc{
visibility:visible;
}
.imde ul ul li:hover .imsubc{
visibility:visible;
}
.imde ul ul ul li:hover .imsubc{
visibility:visible;
} .imde li:hover ul .imsubc{
visibility: hidden;
}
.imde li:hover ul ul .imsubc{
visibility: hidden;
}
.imde li:hover ul ul ul .imsubc{
visibility: hidden;
}
.imea{
position:relative;
height:0px;
float:right;
text-align:right;
}
.imea div{
position:relative;
font-size:1px;
line-height:0px;
}
</style>
<style id="ssimenus0" type="text/css">
#imouter0 {
background: #ffffff;
border-style:none;
border-color:#000000;
border-width:1px;
padding:0px;
margin:0px;
}
#imenus0 li ul {
background-color:#ffffff;
border-style:solid;
border-color:#000000;
border-width:1px;
padding:5px;
margin:4px 0px 0px;
}
#imenus0 li a {
color:#000000;
text-align:left;
font-family:Arial;
font-size:12px;
font-weight:normal;
text-decoration: none;
border-style:solid;
border-color:#000000;
border-width:1px;
padding:2px 8px;
}
#imenus0 li:hover>a {
background-color:#ffffff;
text-decoration:none;
}
#imenus0 li a.ihover, .imde #imenus0 a:hover {
background-color:#999999;
text-decoration: none;
color: #ffffff;
}
#imenus0 li a.iactive {
background-color:#ffffff;
text-decoration: none;
color: #000033;
}
#imenus0 .imbuttons {
}
#imenus0 ul a {
color:#555555;
text-align:left;
font-size:11px;
font-weight:normal;
text-decoration:none;
border-style:none;
border-color:#000000;
border-width:1px;
padding:2px 5px;
}
#imenus0 ul li:hover>a {
color:#000000;
text-decoration:underline;
}
#imenus0 ul li a.ihover {
color:#000000;
text-decoration:underline;
}
#imenus0 ul li a.iactive {
background-color:#0077ff;
}
.plaats {
margin-left: 50%;
margin-top: 40px;
filter:alpha(opacity=25);-moz-opacity:.40;opacity:.40;
}
.iframe {
border-width: 0;
margin-left: 33%;
margin-top: 90px;
width: 750px;
height: 530px;
}
</style>
<div class="plaats">
<div style="width:435px;"><div class="imcm imde" id="imouter0"><ul id="imenus0">
<li style="width:145px;"><a href="#">Main</a>
<div class="imsc"><div class="imsubc" style="width:145px;top:0px;left:0px;">
<ul style="">
<li> <a href="profiel.php" target="mainFrame">Ledenlijst</a> </li>
<li> <a href="lidonline.php" target="mainFrame">Lid online</a> </li>
<li> <a href="useropties.php" target="mainFrame">User opties</a> </li>
<li> <? if($_SESSION['user_status'] == 1) { echo "<a href='admin.php' target='mainFrame'>Admin</a> ---- "; } ?> </li>
</ul>
</div>
</div>
</li>
<li style="width:145px;"><a href="#">Contact</a>
<div class="imsc">
<div class="imsubc" style="width:146px;top:0px;left:-1px;">
<ul style="">
<li> <a href="priveberichten.php" target="mainFrame">Inbox</a> </li>
<li> <a href="pmopstellen.php" target="mainFrame">Send bericht</a> </li>
</ul>
</div>
</div>
</li>
<li style="width:145px;"><a href="uitloggen.php">Uitloggen</a> </li>
</ul>
<div class="imclear"> </div></div></div>
</div>
<script language="JavaScript">nua=navigator.userAgent;ulm_ie=window.showHelp;ulm_ie7=nua.indexOf("MSIE 7")+1;ulm_strict=(dcm=document.compatMode)&&dcm=="CSS1Compat";if((ulm_ie&&!(ulm_ie7&&ulm_strict))||window.name=="hta"||window.name=="imopenmenu")document.write('<scri'+'pt language="javascript" src="imenus0.js"></scri'+'pt>');</script>
<IFRAME SRC="home.php" TITLE="Tennis Game" class="iframe" name="mainFrame">
</IFRAME>
</body></html>
