Uden at have kigget tråden helt igennem gætter jeg på, at det du har brug for er at sætte display:none på dine underlinks style, når de deaktiveres -- lagde lige mærke til at der i nogle svar var brugt visibility:none, hvilket jo gør at de ikke kan ses, men deres plads i området bibeholdes ...
Forøvrigt fandt jeg en løsning til et af mine egne projekter på denne måde:
(skal vist lige have revideret posText-funktionen ,-)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><HTML>
<HEAD>
<TITLE>Turneringsmenu</TITLE>
<LINK HREF="turnstyle.css" REL="stylesheet" TYPE="text/css">
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript" SRC="funktioner.js"></SCRIPT>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
var men = 5;// Number of active menus
function posText(){
for(i=1;i<=men;i++){
punkt=document.getElementById('menupunkt'+i)
objX=parseInt(punkt.offsetLeft)+parseInt(punkt.offsetParent.offsetLeft) +parseInt(punkt.offsetParent.offsetParent.offsetLeft) +parseInt(punkt.offsetParent.offsetParent.offsetParent.offsetLeft) +45+"px";
objY=parseInt(punkt.offsetTop)+parseInt(punkt.offsetParent.offsetTop)+parseInt(punkt.offsetParent.offsetParent.offsetTop)+parseInt(punkt.offsetParent.offsetParent.offsetParent.offsetTop)+5+"px";
obj=document.getElementById('menutext'+i);
obj.style.left=objX;
obj.style.top=objY;
}
}
function showFrame(frm){
par=getI(top.document,frm).parentNode;
frms=getTs(par,"IFRAME");
for (i=0;i<frms.length;i++){
if (frms[i].id==frm){
frms[i].style.display="block"
}else{
frms[i].style.display="none"
}
}
}
function showMenu(nr){
obj=document.getElementById('menutext'+nr);
obj.style.display="block";
}
function hideMenu(nr){
document.getElementById('menutext'+nr).style.display='none';
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#0099CC" STYLE="display:block;overflow:no" ONLOAD="posText()">
<DIV ID="menu" STYLE="display:block;overflow:no">
<DIV ID="menuover" CLASS="menuOverskrift" STYLE="display:block">Hvad vil du</DIV><BR><BR>
<TABLE ONMOUSEOVER="showMenu(1);" ONMOUSEOUT="hideMenu(1);"><TR><TD>
<DIV ID="menupunkt1" CLASS="menuPunkt" STYLE="display:block"><A HREF="java script:showFrame('Start');">Start/Instruktion</A><BR>
<DIV ID="menutext1" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"><A HREF="java script:showFrame('Start');"> Start </A></DIV></DIV>
</TD></TR></TABLE>
<BR>
<TABLE ONMOUSEOVER="showMenu(2);" ONMOUSEOUT="hideMenu(2);"><TR><TD>
<DIV ID="menupunkt2" CLASS="menuPunkt" STYLE="display:block">Indtastning m.v.<BR><BR>
<DIV ID="menutext2" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"><A HREF="java script:showFrame('Init');"> Start ny </A><BR><A HREF="java script:showFrame('Players');"> Spillere </A></DIV></DIV>
</TD></TR></TABLE>
<TABLE ONMOUSEOVER="showMenu(3);" ONMOUSEOUT="hideMenu(3);"><TR><TD>
<DIV ID="menupunkt3" CLASS="menuPunkt" STYLE="display:block">Menu 3 <BR><BR>
<DIV ID="menutext3" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"> menutext3 <BR> menutext3 <BR> menutext3 <BR></DIV></DIV>
</TD></TR></TABLE>
<TABLE ONMOUSEOVER="showMenu(4);" ONMOUSEOUT="hideMenu(4);"><TR><TD>
<DIV ID="menupunkt4" CLASS="menuPunkt" STYLE="display:block">Menu 4 <BR><BR>
<DIV ID="menutext4" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"> menutext4 <BR> menutext4 <BR> menutext4 <BR></DIV></DIV>
</TD></TR></TABLE>
<TABLE ONMOUSEOVER="showMenu(5);" ONMOUSEOUT="hideMenu(5);"><TR><TD>
<DIV ID="menupunkt5" CLASS="menuPunkt" STYLE="display:block">Menu 5 <BR><BR>
<DIV ID="menutext5" CLASS="menuText" STYLE="display:none;z-index:2;position:absolute;"> menutext5 <BR> menutext5 <BR> menutext5 <BR></DIV></DIV>
</TD></TR></TABLE>
</DIV>
</BODY>
</HTML>
