Verlepte Posted August 20, 2007 Share Posted August 20, 2007 So, I have a sliding menu with some links in it, but when I hover over them in firefox nothing happens, it's as if it's plain text and not a link. But in IE (7.0) everything works as intended...I'm not too sure whether to post this here or in the css or in the javascript forums, so if this is wrong I hope some mod will relocate this topic.here's the code: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bankdirecteurenpop Muziek</title> <link rel="stylesheet" href="bank.css" type="text/css" /> <script src="schuifmenu.js"> </script> </head> <body onload="verschijn()"> <div class="basis"> <div class="blok"> </div> <table id="beweeg" class="nummers"> <tr> <td> <div class="menu"> <a class="tekstmenu" href="tijdmeester.html">Meester van Tijd</a><br /> <a class="tekstmenu" href="pijnwereld.html">Wereld van Pijn</a><br /> <a class="tekstmenu" href="kotsen.html">Kotsen</a><br /> <a class="tekstmenu" href="kaasbroodje.html">Broodje Kaas</a><br /> <a class="tekstmenu" href="verpest.html">Verpest & Verbrand</a><br /> <a class="tekstmenu" href="staalboot.html">Mijn Boot van Staal</a><br /> <a class="tekstmenu" href="sm.html">*** met Latex</a><br /> <a class="tekstmenu" href="visstick.html">Het Visstick-lied</a><br /> <a class="tekstmenu" href="viswijf.html">Viswijf</a><br /> <a class="tekstmenu" href="hominem.html">Hominem II</a><br /> <a class="tekstmenu" href="emo.html">Ik Voel Me zo Emo</a> </div> </td> </tr> </table> And just to give more info, here are the css and js - that is, the relevant parts: this is my firefox css-file (I use a different one for IE because the property position:fixed is not supported in IE<7.0)a.tekstmenu:hover{letter-spacing:2px}table.nummers{position:fixed;top:220px;left:-125px;width:25%;background:#000000;color:#FFFFFF;border:#003300 solid 2px;text-align:left;font-size:12pt;font-variant:small-caps;-moz-opacity:0.75;z-index:1}div.menu{margin:5px 15px 5px 35px}And here the IE one, almost the same though:a.tekstmenu:hover{letter-spacing:2px}table.nummers{position:absolute;top:220px;left:-125px;width:25%;background:#000000;color:#FFFFFF;border:#003300 solid 2px;text-align:left;font-size:12pt;font-variant:small-caps;filter:alpha(opacity=75);z-index:1}div.menu{margin:5px 15px 5px 35px} var i=-125 var speed=5 function verschijn() { intShow=setInterval("show()",10) } function show() { if (i<160) { i=i+speed document.getElementById('beweeg').style.left=i +"px" } } I have absolutely no clue as to why these links work in IE but not in FF. If anyone can spot where the error is, please tell me so I can make the necessary changes. In any case, thanks a lot for your time... Link to comment Share on other sites More sharing options...
Verlepte Posted August 20, 2007 Author Share Posted August 20, 2007 Well, never mind; I just did a bit of re-coding using an ul for my menu instead of nested divs, all is working fine now (all I need is some more content...) Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.