---
title: "Border i tabell"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/82564-border-i-tabell"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "monAmour"
published: "2003-07-23T15:09:36.000Z"
updated: "2003-07-30T02:47:44.000Z"
replies: 6
views: 310
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/82564-border-i-tabell"
---

# Border i tabell

## #1 — monAmour, 2003-07-23T15:09Z

Varför får jag ingen border i min table?
Ska ha lite gråaktig bakgrund och varje cell ska separeras av en 1px solid border som ska vara vit.

```
	<!-- Shopping cart -->
	<table cellspacing="0" style="background:#EEEEEE; width:778px; padding:1px; border-width:1px; border-style:solid; border-color:#FFFFFF">
		<tr>
			<td width="80" valign="middle">
				<div align="center">
					<span class="text_10px">
						Antal varor
					</span>
				</div>
			</td>
			<td width="*" valign="middle">
				<span class="text_10px">
					Senast ilagda vara
				</span>
			</td>
			<td width="100" valign="middle">
				<div align="center">
					<span class="text_10px">
						Totalt exkl. moms
					</span>
				</div>
			</td>
			<td width="100" valign="middle">
				<div align="center">
					<span class="text_10px">
						Totalt inkl. moms
					</span>
				</div>
			</td>
			<td width="120">
				<div align="right">
				</div>
			</td>
		</tr>
		<tr>
			<td width="80" valign="middle">
				<div align="center">
					<span class="text_10px">
						2 st
					</span>
				</div>
			</td>
			<td width="*" valign="middle">
				<span class="text_10px">
					[45433] Royal Canin Hundmat, 15 kg
				</span>
			</td>
			<td width="100" valign="middle">
				<div align="center">
					<span class="text_10px">
						455:-
					</span>
				</div>
			</td>
			<td width="100" valign="middle">
				<div align="center">
					<span class="text_10px">
						578:-
					</span>
				</div>
			</td>
			<td width="120">
				<div align="right">
				</div>
			</td>
		</tr>
	</table>
```

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

## #2 — martin, 2003-07-23T17:48Z

Ett knep vore nog att sätta bordergrejerna på tabellcellerna i stället, annars blir det bara en vit border runt hela tabellen

```
<style type="text/css">
	td { border:1px solid #fff }
	table {border-collapse:collapse}
</style>
```

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

## #3 — jarvklo, 2003-07-23T17:49Z

Hmm...
Två saker:
1)
Du har med "border" redan idag på table-elementet, men den syns dåligt pga att den är vit... Gör den röd så ser du att den är där redan ;)

Om du anger border med CSS på en tabell, så måste du även ange en border på varje td-element... t.ex. med 

```
<style type="text/css">
<!--
td {
  border-width:1px; 
  border-style:solid; 
  border-color:#FFFFFF
 }
-->
</style>
```

 om man nu skall ta samma inställning som du kör med på \<table\>.

2) (lite off-topic ;) )
Om du är \*extremt\* noga med att bara köra med CSS så kan du prova att lägga till en "border-collapse:collapse" i style="" på \<table\> om du vill slippa *cellspacing="0"* \- det är det enda sättet att få bort cellspacing som fungerar i "ren" CSS idag. (det finns en stil "border-spacing" också, men den funkar inte i speciellt många webbläsare iallmänhet och absolut inte i MSIE6 i synnerhet ;) )

/red: Hej martin! du var snabbare än jag  :birp

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

## #4 — bossse, 2003-07-24T20:47Z

Om du lägger in detta css så behövs det inga 
\<span class="text_10px"\> som du lagt in i varje td.
Textstorleken anges direkt för td i css.

```
<style type="text/css">
<!--
body 
{background-color:green;font-family:Arial, Helvetica, sans-serif; font-size: 16px; margin:5px;}
table {width:99%; height:99%; background-color:gray; border:1px solid black; border-collapse:collapse; }
td {border:1px solid white;font-family:Arial, Helvetica, sans-serif; font-size:10px;}
-->
</style>
```

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

## #5 — Webban, 2003-07-29T11:22Z

Det verkar variera med vilken webbläsare man har. Iallafall på Mac:en.
Om man gör som ni säger, så blir borden totalt 2px (1px från \<td\> och 1px från \<table\>) i Safari och IE5, men totalt 1px i Camino, Mozilla och Opera.

När kommer utvecklarna att börja följa standarden?

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

## #6 — jarvklo, 2003-07-29T17:43Z

Nyfiken:
Vilken \<!DOCTYPE kör du med när du testar i Safari och IE5/Mac ?

En som ställer webbläsarna i "quirks"-mode eller en som ställer dem i "standards" - eller blir det samma fenomen oavsett \<!DOCTYPE ?

Om olika moder i olika webbläsare:  <http://www.hut.fi/u/hsivonen/doctype.html>

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

## #7 — Webban, 2003-07-30T02:47Z

\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd"\>

mode?!? :-o – det trodde jag hade med kläder att göra ;-)
(tack för länken!)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/82564-border-i-tabell