---
title: "En extra (oönskad) rad i tabell"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/143876-en-extra-oönskad-rad-i-tabell"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "viektor"
published: "2006-03-13T20:28:22.000Z"
updated: "2006-03-14T05:48:33.000Z"
replies: 2
views: 279
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/143876-en-extra-oönskad-rad-i-tabell"
---

# En extra (oönskad) rad i tabell

## #1 — viektor, 2006-03-13T20:28Z

Av någon outgrundlig anledning har det lagts en rad längst ner i en tabell som jag skapat. Jag hittar inga fel i koden och vore otroligt glad om någon lyckas hitta felet. Den extra raden syns i Firefox och i Safari. I Opera finns den inte med...
Jag använder ett Javascript i tabellen, kanske är det boven i dramat...

Här har jag lagt upp en screenshot på hur det ser ut:
<http://www.viktorgustafsson.se/visa/meny.jpg> 

Bordercolor är på bilden grön och bgcolor i tabellen är grå. Texten är gjord som bilder med svart bakgrund. 

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>

<title>viktorgustafsson.se</title>

<LINK HREF="stil.css" REL="stylesheet" TYPE="text/css">

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="shortcut icon" href="favicon.ico">

<meta name="robots" content="nofollow">

<script LANGUAGE="JavaScript">
<!--
function getAppVersion() {
appname= navigator.appName;
appversion = navigator.appVersion;
majorver = appversion.substring(0, 1);
if ( (appname == "Netscape") && ( majorver >= 3 ) ) return 1;
if ( (appname == "Microsoft Internet Explorer") && (majorver >= 4) ) return 1;
return 0;
}

function swtch(num, imgname) {
if (getAppVersion()) {
document[imgname].src = img[num].src;
}
}

//-->
</script>
<script LANGUAGE="JavaScript1.1">
<!--
imgsrc = new Array();
imgsrc[0] = "gb.jpg";
imgsrc[1] = "gb_over.jpg";

imgsrc[2] = "musik.jpg";
imgsrc[3] = "musik_over.jpg";

imgsrc[4] = "foto.jpg";
imgsrc[5] = "foto_over.jpg";

imgsrc[6] = "info.jpg";
imgsrc[7] = "info_over.jpg";

imgsrc[8] = "links.jpg";
imgsrc[9] = "links_over.jpg";

imgsrc[10] = "start.jpg";
imgsrc[11] = "start_over.jpg";

if (getAppVersion()) {
img = new Array();
for (i = 0; i < imgsrc.length; i++) {
img[i] = new Image();
img[i].src = imgsrc[i];
}
}
//-->
</script>

</head>

<body bgcolor="#FFFFFF">

	<table width="660" border="0" cellspacing="0" cellpadding="0" bordercolor="#000000" bgcolor="#000000">

	<tr height="10">

	<td colspan="5" align="center" valign="middle">
	</td>

	</tr>
	
	

	<tr height="480">
	<td colspan="5" align="center" valign="middle">
	<center>
	<img src="testbild.jpg">
	</center>
	</td>
	</tr>

	<tr height="30">
	<td width="10" align="center" valign="middle">
	
	</td>
	
	<td width="60" align="center" valign="middle">
	hopp
	</td>

	<td width="380" align="center" valign="middle">
	
	</td>

	<td align="center" valign="middle">
	
	</td>

	<td width="10" align="center" valign="middle">
	
	</td>
	</tr>

	<tr height="3">
	<td colspan="5" bgcolor="#FFFFFF">
	</td>
	</tr>

	
	
</table> 
	
	<table width="660" border="2" cellspacing="0" cellpadding="0" bordercolor="#00FF00" bgcolor="#888888">

	<tr>
	
	<td>
	<img src="left.jpg" height="16" border="0">
	</td>
	
	<td width="107">
	<a href="gb.html" target="picture" onMouseOver="swtch('1','gb')"
onMouseOut="swtch('0','gb')"><img name="gb" src="gb.jpg" height="16" border="0"></a>
	</td>

	<td width="97">
	<center>
	<a href="musik.html" target="picture" onMouseOver="swtch('3','musik')"
onMouseOut="swtch('2','musik')"><img name="musik" src="musik.jpg" height="16" border="0"></a>
	</center>
	</td>

	<td width="156">
	<center>
	<a href="bild3.html" target="picture" onMouseOver="swtch('5','foto')"
onMouseOut="swtch('4','foto')"><img name="foto" src="foto.jpg" height="16" border="0"></a>
	</center>
	</td>

	<td width="82">
	<center>
	<a href="bild4.html" target="picture" onMouseOver="swtch('7','info')"
onMouseOut="swtch('6','info')"><img name="info" src="info.jpg" height="16" border="0"></a>
	</center>
	</td>

	<td width="115">
	<center>
	<a href="bild5.html" target="picture" onMouseOver="swtch('9','links')"
onMouseOut="swtch('8','links')"><img name="links" src="links.jpg" height="16" border="0"></a>
	</center>
	</td>

	<td width="83">
	<div align="right">
	<a href="bild6.html" target="picture" onMouseOver="swtch('11','start')"
onMouseOut="swtch('10','start')"><img name="start" src="start.jpg" height="16" border="0"></a>
	</div>
	</td>

	<td>
	<img src="right.jpg" height="16" border="0">
	</td>
	</tr>

</table> 
</body>
</html>
```

 

Hoppas verkligen att någon kan hjälpa mig, jag fattar noll...

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

## #2 — jarvklo, 2006-03-13T22:19Z

Hmm...

Nu har du inte visat vad som står i din stilmall - men ... :)
Om du lägger in 

```
table img {display: block}
```

 i din stilmall så \*bör\* det se till att du slipper det extra utrymmet under bilderna i tabellcellerna...

Läs mer i t.ex. <http://www.webforum.nu/showthread.php?t=131549>

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

## #3 — viektor, 2006-03-14T05:48Z

Problemet löst!

Stort tack jarvklo! Precis det där var det som behövdes!

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/143876-en-extra-oönskad-rad-i-tabell
