bvanleeuwen254
Gebruiker
- Lid geworden
- 12 feb 2008
- Berichten
- 243
Hallo,
Ik ben bezig met een website en daarvoor gebruik ik: MKportal, rn 3 IPB 1.3 instalaties voor de Forums. Nu heb ik een Drop Down menu script gevonden, en die heb ik geinstaleert. Dit is het Javascript dat er bij hoort:
[JS]<script language="JavaScript">
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls.onmouseover=function() {
this.className+=" ie_does_hover";
}
sfEls.onmouseout=function() {
this.className=this.className.replace(new RegExp(" ie_does_hover"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>[/JS]
Dit is het doormij veranderde, HTML script:
En dit the CSS:
Ik gebruik zelf FireFox en daar werkt alles goed op, als ik over het menu heen ga, gaaat het normaal open, als ik eraf ga gaat het weer dicht. Maar in Opera en Internet Explorer gaat het menu wel open, maar niet dicht. Wat is er aan de hand?
Dit is de link naar de website: http://vipermoddingteam.x10hosting.com/viper/index.php?act=idx
Bob
Ik ben bezig met een website en daarvoor gebruik ik: MKportal, rn 3 IPB 1.3 instalaties voor de Forums. Nu heb ik een Drop Down menu script gevonden, en die heb ik geinstaleert. Dit is het Javascript dat er bij hoort:
[JS]<script language="JavaScript">
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls.onmouseover=function() {
this.className+=" ie_does_hover";
}
sfEls.onmouseout=function() {
this.className=this.className.replace(new RegExp(" ie_does_hover"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>[/JS]
Dit is het doormij veranderde, HTML script:
HTML:
<ul id="nav">
<li><a href="#"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_home.gif" border="0"> Home</a>
<ul>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_home.gif" border="0"> Home page</a></li>
</ul>
</li>
<li><a href="#"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_forum.gif" border="0"> Forums</a>
<ul>
<li><a href="http://vipermoddingteam.x10hosting.com/viper"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_forum.gif" border="0"> Viper Forum</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/dr"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_forum.gif" border="0"> Death Race Forum</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/sp"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_forum.gif" border="0"> Spy Hunter Forum</a></li>
</ul>
</li>
<li><a href="#"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_home.gif" border="0"> Pages</a>
<ul>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?pid=1"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_members.gif" border="0"> Team Members</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?pid=2"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_help.gif" border="0"> Help Wanted</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?pid=3"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_racconti.gif" border="0"> Ouwer Mods</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?pid=4"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_racconti.gif" border="0"> -- Viper Mod</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?pid=5"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_racconti.gif" border="0"> -- Death Race</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?pid=6"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_racconti.gif" border="0"> -- Spy Hunter</a></li>
</ul>
</li>
<li><a href="#"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_foto.gif" border="0"> Modules</a>
<ul>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?pid=7"><img src="../../mkportal/templates/Forum/images/atb_foto.gif" border="0" alt="" /> Video Gallery</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?ind=gallery"><img src="../../mkportal/templates/Forum/images/atb_foto.gif" border="0" alt="" /> Image Gallery</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?ind=downloads"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_down.gif" border="0"> Downloads</a></li>
<li><a href="http://vipermoddingteam.x10hosting.com/index.php?ind=blog"><img src="../../mkportal/templates/Forum/images/atb_blog.gif" border="0" alt="" /> Blog</a></li>
</ul>
</li>
<li><a href="#"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_forum.gif" border="0"> Community</a>
<ul>
<li><a href="http://bob.joopvanleeuwen.nl/viper/index.php?act=Arcade"><img src="{ibf.vars.img_url}/atb_arcade.gif" border="0" alt="" /> Arcade</a></li>
<li><a href="http://bob.joopvanleeuwen.nl/viper/index.php?act=Shoutbox"><IMG alt="" src="../../mkportal/templates/Forum/images/atb_urlo.gif" border="0"> Shoutbox</a></li>
<li><a href="http://bob.joopvanleeuwen.nl/viper/index.php?act=Help"><img src="{ibf.vars.img_url}/atb_search.gif" border="0" alt="" /> Help</a></li>
<li><a href="http://bob.joopvanleeuwen.nl/viper/index.php?act=Search"><img src="{ibf.vars.img_url}/atb_search.gif" border="0" alt="" /> Search</a></li>
<li><a href="http://bob.joopvanleeuwen.nl/viper/index.php?act=Members"><img src="{ibf.vars.img_url}/atb_members.gif" border="0" alt="" /> Members</a></li>
<li><a href="http://bob.joopvanleeuwen.nl/viper/index.php?act=calendar"><img src="{ibf.vars.img_url}/atb_calendar.gif" border="0" alt="" /> Calendar</a></li>
</ul>
</li>
</ul>
En dit the CSS:
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav li {
float: left;
width: 120px;
}
#nav ul {
position: absolute;
width: 120px;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav li {
float: left;
width: 120px;
}
#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav li {
float: left;
width: 120px;
}
#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}
#nav li:hover ul {
left: auto;
}
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav li {
float: left;
width: 120px;
}
#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}
#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}
#nav a {
display: block;
}
#nav, #nav ul {
padding: 3px 0 0 0;
margin: 0;
list-style: none;
}
#nav li {
float: left;
width: 120px;
}
#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}
#nav li:hover ul, #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}
#nav a {
display: block;
margin: 2px 5px 3px 5px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}
ul a{
font-weight: bold;
color: #F60;
cursor: default;
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #CCC;
cursor: pointer;
}
ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
}
ul li{
background-color: #585454;
border-left: 3px solid #333333;
}
ul ul li{
background-color: #333333;
border-top: 3px solid #222222;
border-left: 0;
}
/* IE only hack */
* html ul li, * html ul ul li{
border-bottom: 3px solid #FFF;
}
* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */
Ik gebruik zelf FireFox en daar werkt alles goed op, als ik over het menu heen ga, gaaat het normaal open, als ik eraf ga gaat het weer dicht. Maar in Opera en Internet Explorer gaat het menu wel open, maar niet dicht. Wat is er aan de hand?
Dit is de link naar de website: http://vipermoddingteam.x10hosting.com/viper/index.php?act=idx
Bob