tiran818
Gebruiker
- Lid geworden
- 16 apr 2009
- Berichten
- 344
Ok, ik weet niet waar het probleem precies ligt, volgens mij is zowel de HTML als de CSS als de JavaScript gewoon goed. daarom plaats ik het maar hier.
Ik heb een Unordered list als menu en ik heb de submenuutjes verborgen, die haal ik tevoorschijn met javascript met een onmouseover event.
Ik denk dat het probleem niet in de javascript ligt, maar ik post het voor de zekerheid wel er bij.
Het probleem is in Internet Explorer dat het lijkt alsof hij een extra list item maakt waar dat niet hoort.
hierdoor heb ik een pijltje (of bolletje, of ander tekentje) teveel staan, dit staat erg lelijk.
Ik hoop dat iemand mij hier kan helpen met de oplossing
Bij voorbaat dank.
Mijn code:
Ik heb een Unordered list als menu en ik heb de submenuutjes verborgen, die haal ik tevoorschijn met javascript met een onmouseover event.
Ik denk dat het probleem niet in de javascript ligt, maar ik post het voor de zekerheid wel er bij.
Het probleem is in Internet Explorer dat het lijkt alsof hij een extra list item maakt waar dat niet hoort.
hierdoor heb ik een pijltje (of bolletje, of ander tekentje) teveel staan, dit staat erg lelijk.
Ik hoop dat iemand mij hier kan helpen met de oplossing
Bij voorbaat dank.
Mijn code:
PHP:
<script type="text/javascript">
var t;
var tt;
function entin()
{
document.getElementById('ent').id='ent2';
}
function train()
{
document.getElementById('tra').id='tra2';
}
function entout()
{
t=setTimeout("document.getElementById('ent2').id='ent';",1);
timer_is_on=0;
}
function traout()
{
tt=setTimeout("document.getElementById('tra2').id='tra';",1);
}
</script>
<div id="nav">
<ul>
<li><a <?php if ($title == "Theatergezelschap Zwaard en Boog") echo "href=\"#\" style=\"color: #000000\""; else echo "href=\"index.php\""; ?>>Home</a></li>
<li><a <?php if ($title == "Theater") echo "href=\"#\" style=\"color: #000000\""; else echo "href=\"theater.php\""; ?>>Theater</a></li>
<li><a <?php if ($title == "Entertainment") echo "href=\"#\" style=\"color: #000000\""; else echo "href=\"entertainment.php\""; ?> onMouseOver="entin();" onMouseOut="entout();">Entertainment</a></li>
<ul id="ent" onMouseOut="entout();" onMouseOver="entin();">
<li><a href="entertainment.php#Boogschieten" onMouseOver="clearTimeout(t);">Boogschieten</a></li>
<li><a href="entertainment.php#Zwaardvechten" onMouseOver="clearTimeout(t);">Zwaardvechten</li>
</ul>
<li><a <?php if ($title == "Training") echo "href=\"#\" style=\"color: #000000\""; else echo "href=\"training.php\""; ?> onMouseOver="train();" onMouseOut="traout();">Training</a></li>
<ul id="tra" onMouseOut="traout();" onMouseOver="document.getElementById('tra').id='tra2'">
<li><a href="training.php#Boogschieten" onMouseOver="clearTimeout(tt);">Boogschieten</a></li>
<li><a href="training.php#Zwaardvechten" onMouseOver="clearTimeout(tt);">Zwaardvechten</li>
</ul>
<li><a <?php if ($title == "Prijzen") echo "href=\"#\" style=\"color: #000000\""; else echo "href=\"prijzen.php\""; ?>>Prijzen</a></li>
<li><a <?php if ($title == "Foto's") echo "href=\"#\" style=\"color: #000000\""; else echo "href=\"beeldmateriaal.php\""; ?>>Foto's</a></li>
</ul>
</div>
Code:
#nav a{
color: #990000;
}
#nav a:hover{
color: #5D0850;
}
#nav a:active{
color: #FF6600;
}
#nav{
background: url('images/site/nav.png');
width: 155px;
height: 550px;
border: none;
margin: 5px;
margin-top: -5px;
margin-right: none;
padding: 10px;
position: fixed;
font-family: Old English Text MT, Century Gothic, Arial;
font-size: 17pt;
}
#nav ul{
list-style: url('images/site/menu.bmp');
margin-left: -10px;
}
#ent,#tra{
background-color: #75470E;
width: 150px;
border: 1px solid #000;
display: none;
}
#ent2,#tra2{
background-color: #75470E;
width: 150px;
border: 1px solid #000;
display: block;
z-index: 3;
position: relative;
}
.
