vore även tacksam om någon känner till ett sätt som gör samma som ovanstående med visa/dölj men som funkar i alla webbläsare.
Frågan#1
Jag har följande kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
-->
</style>
<script language="javascript">
<!--
var Open = ""
var Closed = ""
function preload(){
if(document.images){
Open = new Image(16,13)
Closed = new Image(16,13)
Open.src = "images/row_minus.gif"
Closed.src = "images/row_plus.gif"
}}
function showhide(sub1,img1){
if (sub1.style.display=='none'){
sub1.style.display='';
img1.src=Open.src
}
else{
sub1.style.display='none'
img1.src=Closed.src
}
}
-->
</script>
</head>
<body onload="preload()">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="3"><img src="images/row_start.gif" width="3" height="22"></td>
<td valign="middle" background="images/row_back.gif">Domain \ Date</td>
<td width="6" valign="middle" background="images/row_back.gif"><img src="images/row_delare.gif" width="6" height="22"></td>
<td valign="middle" background="images/row_back.gif" width="100">Unique IP</td>
<td width="6" valign="middle" background="images/row_back.gif"><img src="images/row_delare.gif" width="6" height="22"></td>
<td valign="middle" background="images/row_back.gif" width="120">Incomming transfer</td>
<td width="6" valign="middle" background="images/row_back.gif"><img src="images/row_delare.gif" width="6" height="22"></td>
<td valign="middle" background="images/row_back.gif" width="120">Outgoing transfer</td>
<td width="6" valign="middle" background="images/row_back.gif"><img src="images/row_delare.gif" width="6" height="22"></td>
<td valign="middle" background="images/row_back.gif" width="100">Total transfer</td>
<td width="3" background="images/row_back.gif"><img src="images/row_end.gif" width="3" height="22"></td>
</tr>
<tr style="CURSOR: hand" onclick="showhide(menu_sub1,menu_img1)">
<td width="3"></td>
<td height="20" valign="middle"><img src="images/row_plus.gif" width="11" height="11" align="absmiddle" id="menu_img1"> aleborg.se </td>
<td valign="middle"> </td>
<td width="100" valign="middle"> </td>
<td width="6" valign="middle" bgcolor="#E5E5E5"> </td>
<td width="120" valign="middle" bgcolor="#E5E5E5"> </td>
<td width="6" valign="middle"> </td>
<td width="120" valign="middle"> </td>
<td width="6" valign="middle" bgcolor="#E5E5E5"> </td>
<td width="100" valign="middle" bgcolor="#E5E5E5"> </td>
<td></td>
</tr>
<tr>
<td colspan="11" valign="middle" bgcolor="#CCCCCC" height="1"></td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="menu_sub1" style="DISPLAY:none">
<tr style="CURSOR: hand" onclick="showhide(menu_sub2,menu_img2)">
<td width="3"></td>
<td height="20" valign="middle"><img src="images/empty.gif" width="11" height="11"><img src="images/row_plus.gif" width="11" height="11" align="absmiddle" id="menu_img2"> May 2004</td>
<td width="6" valign="middle"></td>
<td width="100" valign="middle">1532</td>
<td width="6" valign="middle" bgcolor="#E5E5E5"></td>
<td width="120" valign="middle" bgcolor="#E5E5E5">1, 67 GB </td>
<td width="6" valign="middle"></td>
<td width="120" valign="middle">1,33 GB </td>
<td width="6" valign="middle" bgcolor="#E5E5E5"></td>
<td width="100" valign="middle" bgcolor="#E5E5E5">4 GB </td>
<td width="3"></td>
</tr>
<tr>
<td colspan="11" bgcolor="#CCCCCC" height="1"></td>
</tr>
<tr>
<td colspan="11">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="menu_sub2" style="DISPLAY:none">
<tr>
<td width="3"></td>
<td height="20" valign="middle"> <img src="images/empty.gif" width="11" height="11"><img src="images/empty.gif" width="11" height="11"><img src="images/empty.gif" width="11" height="11">25 May 2004</td>
<td width="6" valign="middle"></td>
<td width="100" valign="middle">300</td>
<td width="6" valign="middle" bgcolor="#E5E5E5"></td>
<td width="120" valign="middle" bgcolor="#E5E5E5">500 MB </td>
<td width="6" valign="middle"></td>
<td width="120" valign="middle">400 MB </td>
<td width="6" valign="middle" bgcolor="#E5E5E5"></td>
<td width="100" valign="middle" bgcolor="#E5E5E5">900 MB </td>
<td width="3"></td>
</tr>
<tr>
<td colspan="11" bgcolor="#CCCCCC" height="1"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
när man öppnar nivå 2 så hoppar kolumnerna i nivå 2 och hamnar helt fel, felet uppstår enbart när nivå 3 är synlig, jag kan inte komma på vad som är fel :(