hvorfor overskriver menu - min celle opdeling
hey - jeg har lavet en html-side med 2 fremhævede celler - og i den ene ville jeg så have en tree-menu, men nu overskriver menuen min ene celle og sætter det hele i en??Håber I kan hjælpe - det haster meget
Her er koden:
//main.htm
<html>
<head>
<title>main</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<link rel="stylesheet" href="3level.css">
<title>ScriptBreaker.com :: 3 level click menu</title>
<script language="JavaScript" src="3level_items.js"></script>
<script language="JavaScript" src="3level_menu.js"></script>
<body bgcolor="#FFFFFF" text="#000000">
<table bgcolor="#CCCCCC" align="center">
<tr>
<td class="dialog"> <fieldset> <legend><font face="Verdana, Arial, Helvetica, sans-serif" size="4">administration</font></legend>
<table width="743" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC" align="center">
<tr>
<td width="56" height="61"></td>
<td width="251"></td>
<td width="18"></td>
<td width="337"></td>
<td width="80"></td>
</tr>
<tr>
<td height="462"></td>
<td valign="top" bgcolor="#666666">
<script language="JavaScript">
create_menu('ScriptBreaker',Link,Prop);
</script>
</td>
<td></td>
<td valign="top" bgcolor="#666666">
<p align="center"><font face="Verdana, Arial, Helvetica, sans-serif">hej
med jer.......</font></p>
<p> </p>
</td>
<td></td>
</tr>
<tr>
<td height="100"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
//3level
.level1
{
font-size:12px;
margin:5px 0px 0px 0px;
}
.level1 a
{
font-family:verdana;
color:darkblue;
font:bold;
text-decoration:none;
}
.level2
{
font-size:11px;
margin:3px 0px 0px 10px;
}
.level2 a
{
font-family:verdana;
color:blue;
text-decoration:none;
}
.level3
{
font-family:verdana;
margin:3px 0px 0px 20px;
}
.level3 a
{
font-size:10px;
color:red;
text-decoration:none;
}
.level3 a:hover
{
text-decoration:underline;
}
//3level_items
var l1 = new Image()
l1.src = "icons/l1.gif"
var l2 = new Image()
l2.src = "icons/l2.gif"
var l3 = new Image()
l3.src = "icons/l3.gif"
var Link=[
[1,1,"Home",null,"_blank"],
[2,3,"HomePage","http://www.ScriptBreaker.com","_blank"],
[2,3,"BookMark","http://www.ScriptBreaker.com","_blank"],
[2,3,"Add2 Favor","http://www.ScriptBreaker.com","_blank"],
[1,1,"Scripts",null,"_blank"],
[2,2,"JavaScript",null,"_blank"],
[3,3,"Games","http://www.ScriptBreaker.com","_blank"],
[3,3,"Navigation","http://www.ScriptBreaker.com","_blank"],
[2,3,"Asp","http://www.ScriptBreaker.com","_blank"],
[1,3,"Forum","http://www.ScriptBreaker.com","_blank"],
[1,3,"Contact","http://www.ScriptBreaker.com","_blank"]
];
var Prop=[
15, // height of the level 1 headers
15, // height of the level 2 headers
15, // height of the level 3 headers
];
//3level_menu
//free JavaScripts on http://www.ScriptBreaker.com
function create_menu(id,arr,parr)
{
document.write("<table><tr><td><div style='position:relative;'>");
vtop = 0;
open_div = 0
c_div = 1;
for(i=0;i<arr.length;i++)
{
if(arr[i-1])
{
if(arr[i][0] < arr[i-1][0]) {document.write("</div>");open_div--;}
if((open_div != 0) && (arr[i][0] == 1)) {document.write("</div>");open_div--;
if((open_div == 1) && (arr[i][0] ==1)) document.write("</div>");
}
}
height = parr[(arr[i][1]-1)];
if(arr[i][1] == 1) img = l1.src;
else{if (arr[i][1] == 2) img = l2.src;
else img = l3.src;}
document.write("<div style='top:"+vtop+";height:"+height+"' class='level"+arr[i][0]+"'>")
document.write("<img src="+img+" border=0 hspace=3 vspace=1 ");
if(arr[i+1]) {if(arr[i][0] < arr[i+1][0]) document.write("onclick=change('"+ id +"_"+ c_div+"') style='cursor:hand'");}
document.write("><a href=\"");
if(arr[i][3] == null) document.write("java script:change('"+ id +"_"+ c_div+"')\"");
else document.write(arr[i][3] +"\" target='"+arr[i][4]+"'");
document.write(">"+arr[i][2]+"</a></div>");
vtop += height;
if(arr[i+1])
{
if(arr[i][0] < arr[i+1][0]) {document.write("<div style='display:none;' id='"+id+"_"+c_div+"'>");open_div++;c_div++;}
}}
for(i=0;i<open_div;i++) document.write("</div></td></tr></table>");
document.write("</div>");
}
// free JavaScripts on http://www.ScriptBreaker.com
function change(id)
{
obj = document.getElementById(id);
if(obj.style.display == "")
{
obj.style.display = "none";
}
else
{
obj.style.display = "";
}
}
