---
title: "Få ordning på tabellerna!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/91635-få-ordning-på-tabellerna"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "medialabs"
published: "2003-12-01T14:52:55.000Z"
updated: "2003-12-01T16:13:00.000Z"
replies: 3
views: 284
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/91635-få-ordning-på-tabellerna"
---

# Få ordning på tabellerna!

## #1 — medialabs, 2003-12-01T14:52Z

Nu är det lite problem igen. Det är så att jag tänkte lägga in en tunn lodrät linje medllan två tabeller, Men har inte lyckats få till något.

Om ni tar er en titt på min indexsida : <https://www.medialabs.se/index.asp> så ser ni lite längre ned på sidan vid "Tävla & Vinn!" en tunn linje och under den en till tunn linje, 

För att få en tunn linje använder jag mig av denna kod. Men har inte lyckats göra om så att jag får en lodrät. Hoppas verkligen att ni kan hjälpa mig med detta irriterande problem.

```
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td height="1" bgcolor="#EBF0F5"></td>
                          </tr>
                        </table>
```

hade tänkt mig att det skulle se ut som på bilden här:
![](http://www.medialabs.se/~Temp/tabell.jpg)

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

## #2 — jeanette, 2003-12-01T15:09Z

Slängde ihop det snabbt...
det finns ju andra sätt med föredragsvis med css 
men här är principen iaf.
\[KOD\]\<table width="800"  border="0" cellpadding="0" bgcolor="EBF0F5"\>
  \<tr\> 
    \<td colspan="3"\>\<div align="center"\>\<img src="bluedot.gif" width="500" height="1" alt="pixel"\>\</div\>\</td\>
  \</tr\>
  \<tr\> 
    \<td width="400"\>&nbsp;\</td\>
    \<td width="0%"\>\<img src="bluedot.gif" width="1" height="100" alt="pixel"\>\</td\>
    \<td width="400"\>&nbsp;\</td\>
  \</tr\>
  \<tr\> 
    \<td colspan="3"\>\<div align="center"\>\<img src="bluedot.gif" width="500" height="1" alt="pixel"\>\</div\>\</td\>
  \</tr\>
\</table\> \[KOD\]

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

## #3 — PepeJeria, 2003-12-01T15:54Z

Eller om du vill köra utan tabeller (text-align:center; är för IE 5.x, som inte har bra stöd för margin:auto;):

```
<style type="text/css">
div div
{
	background:#EBF0F5;
	overflow:hidden;
}
</style>

<div style="width:400px; text-align:center;">
	<div style="height:1px;"></div>
	<div style="width:1px; height:100px; margin:0px auto;"></div>
	<div style="height:1px;"></div>
</div>
```

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

## #4 — bossse, 2003-12-01T16:13Z

Om du vill göra enl. din metod från inlägget så blir det väl så här för att få en lodrät linje

```
<table width="1px">
<tr>
<td width="1px" height="100px" bgcolor="black"></td>
</tr>
</table>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/91635-få-ordning-på-tabellerna