Celler som inte hänger ihop

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!

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

table {
	border-collapse:collapse
}

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!

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!

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

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.