---
title: "Celler som inte hänger ihop"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/110568-celler-som-inte-hänger-ihop"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "MickeA.com"
published: "2004-09-02T09:07:01.000Z"
updated: "2004-09-02T11:54:41.000Z"
replies: 6
views: 295
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/110568-celler-som-inte-hänger-ihop"
---

# Celler som inte hänger ihop

## #1 — MickeA.com, 2004-09-02T09:07Z

Tja!

Har gjort en tabell med ett antal bakgrundsbilder, hela tabellen bildar en ruta, liknande den "msgBox" man kan få i VbScript.

Såhär ser koden ut:

```
<table cellpadding="0" cellpadding="0" style="width: 250px; margin: 0px; table-layout:fixed; overflow:hidden;">
		<tr>
		<td class="msgBox_TL" style="border: 1px #000000 solid;"><img src="pics/spacer.gif" style="border: 0px;" alt=""></td>
		<td class="msgBox_TH" style="border: 1px #000000 solid;">Rubrik</td>
		<td class="msgBox_TR" style="border: 1px #000000 solid;"><img src="pics/spacer.gif" style="border: 0px;" alt=""></td>
		</tr>
		<tr>
		<td class="msgBox_LS" style="border: 1px #000000 solid;"><img src="pics/spacer.gif" style="border: 0px;" alt=""></td>
		<td class="msgBox_Txt" style="height: 100px; border: 1px #000000 solid;">Texten...</td>
		<td class="msgBox_RS" style="border: 1px #000000 solid;"><img src="pics/spacer.gif" style="border: 0px;" alt=""></td>
		</tr>
		<tr>
		<td class="msgBox_BL" style="border: 1px #000000 solid;"><img src="pics/spacer.gif" style="border: 0px;" alt=""></td>
		<td class="msgBox_BF" style="border: 1px #000000 solid;"><img src="pics/spacer.gif" style="border: 0px;" alt=""></td>
		<td class="msgBox_BR" style="border: 1px #000000 solid;"><img src="pics/spacer.gif" style="border: 0px;" alt=""></td>
		</tr>
		</table>
```

CSS'en ser ut som följer:

```
.msgBox_TL{
	width: 5px;
	height: 32px;
	text-align: left;
	vertical-align: top;
	background-image: url('../pics/msgBox/msgBox_TL.gif');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;}
.msgBox_TH{
	height: 32px;
	text-align: left;
	vertical-align: middle;
	background-image: url('../pics/msgBox/msgBox_TH.gif');
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;}
.msgBox_TR{
	width: 5px;
	height: 32px;
	text-align: left;
	vertical-align: top;
	background-image: url('../pics/msgBox/msgBox_TR.gif');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;}
.msgBox_LS{
	width: 5px;
	text-align: left;
	vertical-align: top;
	background-image: url('../pics/msgBox/msgBox_LS.gif');
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-color: none;}
.msgBox_Txt{
	text-align: left;
	vertical-align: top;
	padding-left: 5px;
	padding-top: 5px;
	background-color: #DEDEE7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #000000;}
.msgBox_RS{
	width: 5px;
	text-align: left;
	vertical-align: top;
	background-image: url('../pics/msgBox/msgBox_RS.gif');
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-color: none;}
.msgBox_BL{
	width: 5px;
	height: 7px;
	text-align: left;
	vertical-align: top;
	background-image: url('../pics/msgBox/msgBox_BL.gif');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: none;}
.msgBox_BF{
	height: 7px;
	text-align: left;
	vertical-align: top;
	background-image: url('../pics/msgBox/msgBox_BF.gif');
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-color: none;}
.msgBox_BR{
	width: 5px;
	height: 7px;
	text-align: left;
	vertical-align: top;
	background-image: url('../pics/msgBox/msgBox_BR.gif');
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color: none;}
```

Bifogar bild på hur det ser ut. Notera att ramlinjerna bara finns där för tillfället.
Hur ska jag bära mig åt för att "få ihop" cellerna? 

Tack!

Bilagor:

- [msgbox.gif](https://www.webforum.nu/a/4458.gif)

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

## #2 — nitro2k01, 2004-09-02T09:09Z

du har skrivit cellpadding två gånger i table-taggen. Troligen vill du byta ut den ena mot cellspacing.

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

## #3 — Insider, 2004-09-02T09:11Z

```
table {
	border-collapse:collapse
}
```

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

## #4 — MickeA.com, 2004-09-02T10:55Z

> **nitro2k01 skrev:**
>
> du har skrivit cellpadding två gånger i table-taggen. Troligen vill du byta ut den ena mot cellspacing.

Ahh, vad man blir blind ibland när man stirrar på sin egen kod... ;)
Tack!

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

## #5 — MickeA.com, 2004-09-02T11:14Z

Nu finns ett nytt problem, tänkte ta det i samma tråd, för att slippa skapa en ny.

I Mozilla visas inga bakgrundsbilder i cellerna.
Sökväg mm. kan det inte vara fel på, eftersom det funkar klockrent i IE.

Koden för CSS'en mm. finns lite högre upp.
Skulle vara bra om det fanns ngn lösning på det här ;) Förstår inte varför dessa inte visas, för koden (både HTML & CSS) är validerad hos W3 och godkänd.

Tack!

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

## #6 — dectgap, 2004-09-02T11:24Z

Bild-sökvägarna ska utgå ifrån CSS-filen - gör de det?

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

## #7 — MickeA.com, 2004-09-02T11:54Z

> **MickeA.com skrev:**
>
> Sökväg mm. kan det inte vara fel på, eftersom det funkar klockrent i IE.

Japps, som du ser ovan så funkar det i IE. Såhär ser min Mapphierarki (svårt ord det där...):

```
[b]Root[/b]
[i]- css (Mapp)[/i]
[i]- pics (Mapp)[/i] 
[i]Sen alla filer...[/i]
```

Och som du / ni ser ovan så är sökvägen "../pics/msgBox/"
Det här måste bero på ngt annat.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/110568-celler-som-inte-hänger-ihop