---
title: "columner i tabell hoppar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/104871-columner-i-tabell-hoppar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "aleborg"
published: "2004-06-03T08:25:43.000Z"
updated: "2004-06-04T11:42:48.000Z"
replies: 2
views: 180
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/104871-columner-i-tabell-hoppar"
---

# columner i tabell hoppar

## #1 — aleborg, 2004-06-03T08:25Z

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">&nbsp;</td>
    <td width="100" valign="middle">&nbsp;</td>
    <td width="6" valign="middle" bgcolor="#E5E5E5">&nbsp;</td>
    <td width="120" valign="middle" bgcolor="#E5E5E5">&nbsp;</td>
    <td width="6" valign="middle">&nbsp;</td>
    <td width="120" valign="middle">&nbsp;</td>
    <td width="6" valign="middle" bgcolor="#E5E5E5">&nbsp;</td>
    <td width="100" valign="middle" bgcolor="#E5E5E5">&nbsp;</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">&nbsp;<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 :(

Permalänk: https://www.webforum.nu/p/104871

## #2 — aleborg, 2004-06-03T08:27Z

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.

Permalänk: https://www.webforum.nu/p/1360560

## #3 — Peter S, 2004-06-04T11:42Z

Bifogar ett förslag.

 :)

Bilagor:

- [aleborg.txt](https://www.webforum.nu/a/3690.txt)

Permalänk: https://www.webforum.nu/p/1361083

---

Tråden på webben: https://www.webforum.nu/amne/html-css/104871-columner-i-tabell-hoppar
