Cellpadding, cellspcing problème

**ETVigan** · 06/12/2010, 16h50

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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à

**ETVigan** · 06/12/2010, 17h16

La solution était simple;

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
table  {
	border-collapse: collapse;
    border:0px;
    margin: 0px;
    padding: 0px;
}

Je l'avais sous les yeux....

Esteban

Cellpadding, cellspcing problème [CSS 2]

CSS

Vue hybride

Discussions similaires

Partager

Partager