[CSS 2] Cellpadding, cellspcing problème

Bonjour,

J'ai un souci dans une classe destinée à générer des tables.
La génération est Ok mais les cellules sont espacées.
J'essaye de supprimer cet espace tout en préservant le bord mais n'y arrive pas même en jouant avec le peu de notion de CSS que je possède.

Voici le code de l'appelant:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test table</title>

<style type="text/css">
#title{
cursor:pointer;
}
.design{
font-weight:bold;
}

.td{
	border:1px solid black;
	text-align:center;
	padding:0px;
	margin: 0px;
}

table {
/*	border-collapse: collapse;*/
    border:0px;
    margin: 0px;
    padding: 0px;
}

#table {
/*	border-collapse: collapse;*/
    border:0px;
    margin: 0px;
    padding: 0px;
}

.table {
/*	border-collapse: collapse;*/
    border:0px;
    margin: 0px;
    padding: 0px;
}
</style>

</head>

<body>
<?php
require_once $_SERVER['DOCUMENT_ROOT'] . "/class/tableDesigner.php" ;
//

$tb = new tableDesigner(	"content",
							"design",
							"td",
							"tr",
							"table"
						);

$tb->addRow(array(	"<img src=\"images/paysviganais.jpg\" border=0  width=\"113\" height=\"113\" alt=\"NEW\" title=\"NEW\" />",
					"<img src=\"images/banniere.jpg\" border=0  width=\"750\" height=\"113\" alt=\"NEW\" title=\"NEW\" />",
					"<img src=\"images/ETVictor.jpg\" border=0  width=\"141\" height=\"113\" alt=\"NEW\" title=\"NEW\" />"
				)) ;
$tb->addRow(array(	"<img src=\"images/new.gif\" border=0 alt=\"NEW\" title=\"NEW\" />" ,
					"<img src=\"images/del'aigoual.jpg\" border=0 width=\"750\" height=\"113\" alt=\"NEW\" title=\"NEW\" />" ,
					"Row1 Col2"
                )) ;
$tb->addRow(array(	"<img src=\"images/new.gif\" border=0 alt=\"NEW\" title=\"NEW\" />" ,
					"Row2 Col1" ,
					"Row3 Col2"
				)) ;
$tb->addRow(array(	"<img src=\"images/gplv3.png\" border=0 alt=\"NEW\" title=\"NEW\" />",
					"Esteban"  ,
					"Victor"
				)) ;
$tb->printTable();
?>
</body>
</html>

Comme je n'i plus mon livre CSS sous la mais, j'ai mis #table, .table et table pour être certain d'en avoir un bon.

Voici le ode généré par la classe:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div id="content">
<table class="table">
<tr class="tr">
<td class="td"><img src="images/paysviganais.jpg" border=0  width="113" height="113" alt="NEW" title="NEW" /></td>

<td class="td"><img src="images/banniere.jpg" border=0  width="750" height="113" alt="NEW" title="NEW" /></td>
<td class="td"><img src="images/ETVictor.jpg" border=0  width="141" height="113" alt="NEW" title="NEW" /></td>
</tr>
<tr class="tr">
<td class="td"><img src="images/new.gif" border=0 alt="NEW" title="NEW" /></td>
<td class="td"><img src="images/del'aigoual.jpg" border=0 width="750" height="113" alt="NEW" title="NEW" /></td>
<td class="td">Row1 Col2</td>
</tr>
<tr class="tr">
<td class="td"><img src="images/new.gif" border=0 alt="NEW" title="NEW" /></td>
<td class="td">Row2 Col1</td>
<td class="td">Row3 Col2</td>
</tr>
<tr class="tr">

<td class="td"><img src="images/gplv3.png" border=0 alt="NEW" title="NEW" /></td>
<td class="td">Esteban</td>
<td class="td">Victor.</td>
</tr>
</table>
</div>

C'est sans doute une bétise mais je ne trouve pas la solution.

L'image de l'écran obtenu est en pièce attachée

Merci à ceusss qui m'aideront à sortir de là :mouarf: