---
title: "Smalare border än border=\"1\""
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/1733-smalare-border-än-border-1"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Steveking"
published: "2002-01-10T15:45:00.000Z"
updated: "2002-01-11T08:02:00.000Z"
replies: 5
views: 353
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/1733-smalare-border-än-border-1"
---

# Smalare border än border="1"

## #1 — Steveking, 2002-01-10T15:45Z

Hur gör man table bordern smalare än "1".

Men inte "0".

Löste det med

table {  border: 1px #000000 solid}

Har ingenting med cellpadding eller cellspace att göra.
Mvh

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

## #2 — M@rtin, 2002-01-10T15:46Z

cellspacing="0"
cellpadding="0"

Bara en av dem som e nödvändig för det du vill göra men jag har glömt vilken.

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

## #3 — Erik Juhlin, 2002-01-10T16:02Z

Jo, cellspacing säger hur stort mellanrum det ska vara mellan cellerna och har man en border definerad med HTML så får bordern den bredden.

Men CSS är bättre på det sättet att man kan i pixlar säga precis hur bred, vilken färg och vilket utseende bordern ska ha.

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

## #4 — Steveking, 2002-01-10T16:14Z

Det fungerar inte i Netscape märkte jag. Nån ide ?

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

## #5 — Matte, 2002-01-11T00:12Z

Med det fåtal som använder NS4 finns det inget anledning att lägga ner arbete för att få ett perfekt resultat.
För att få 1px border i NS4 får du lägga in bilder i cellerna som är 1px höga (eller breda) och sen sätta bakgrunden till den färg som du vill ha på linjen. För att det ska fungera i Mozilla måste du även sätta font-size=1px i td-taggen:

```
<td style="font-size:1px;background-color:black"><img src="black.gif" height="1"></td>
```

Annars brukar jag göra så här. Kanske ett något krångligt sätt, men ger ett hyfsat utseende i de flesta läsare:

```
<!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></title>
<style type="text/css">
<!-- 
table.border {
border : 1px solid Black;
border-bottom-width : 0px;
border-right-width : 0px;
}
td.border {
border : 1px solid Black;
border-top-width : 0px;
border-left-width : 0px;
} 
-->
</style>
</head>
<body>
<table class="border" cellspacing="0" border="1">
<tr>
<td class="border">ruta 1</td>
<td class="border">ruta 2</td>
</tr>
<tr>
<td class="border">ruta 3</td>
<td class="border">ruta 4</td>
</tr>
</table>
</body>
</html>
```

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

## #6 — Erik Juhlin, 2002-01-11T08:02Z

Enklaste sättet att få det att funka i de flesta webbläsarna är att skriva så här:

```
<table border="0" cellpadding="1" cellspacing="0"><tr><td bgcolor="Black">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td bgcolor="White">Foo</td></tr>
<tr><td bgcolor="White">Foo</td></tr>
</table>
</td></tr></table>
```

Eller så här:

```
<table border="0" cellpadding="0" cellspacing="0"><tr><td bgcolor="Black">
<table border="0" cellpadding="0" cellspacing="1">
<tr><td bgcolor="White">Foo</td></tr>
<tr><td bgcolor="White">Foo</td></tr>
</table>
</td></tr></table>
```

Skillnaden är att med den första koden får man en border runt tabellen. Med den andra koden får man en border runt varenda cell.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/1733-smalare-border-än-border-1
