Impossible de supprimer l'espace entre le texte et le bord d'une cellule d'un tableau

**goku19** · 18/04/2013, 10h29

Salut à tous,

J'essaie de faire créer un email en tableau et il m'est impossible de supprimer les espace entre le texte et les bords d'une cellule d'un tableau:
En gros je voudrais faire un margin et padding à 0 mais cela n'a aucun effet.

Alors voilà le code :

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
78
79
80
81
82
83
84
85
86
87
88
89
90
 
 
<style>
table, td
{
	border : 1px solid black;
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face 
{ 	
	font-family: "leelawad"; 	src: url('font/leelawad.ttf'); 
}
 
*
{
	margin:0;
	padding:0;
	border: 0;
	font-size: 100%;
        line-height:1;
}
 
<table bgcolor="#FFFFFF" style="width: 780px; height: 849px;;border-collapse: collapse;border-spacing: 0; line-height: 1" border="0px" cellspacing="0px" cellpadding="0px" marginwidth="0px" marginheigth="0px" margin-left="0px" margin-top="0px">
		<tr id="7" align="left" width="100%" bgcolor="#FFFFFF" style="">
			<td width="32" height="30" style=""/>
			<td width="22" style=""/>
			<td width="29"style=""/>
			<td width="26" style=""/>
			<td width="46" style=""/>
			<td width="35" style=""/>
			<td width="143" style=""/>
			<td width="28" style=""/>
			<td width="8" style=""/>
			<td width="12" style=""/>
			<td width="32" style=""/>
			<td width="32" style=""/>
			<td width="32" style=""/>
			<td width="32" style=""/>
			<td width="32" style=""/>
			<td width="32" style=""/>
			<td width="32" style=""/>
			<td width="32" style=""/>
			<td width="32" style=""/>
			<td width="32"style=""/>
		</tr>
		<tr id="8" valign="top" align="left" width="100%" bgcolor="#FFFFFF" style="">
			<td height="30" style=""/>
			<td style=" border-top : 3px solid #2e8fec; border-left : 3px solid #2e8fec; -moz-border-radius-topleft:  20px; v-webkit-border-top-left-radius: 20px; border-top-left-radius: 20px;" />
			<td style=" border-top : 3px solid #2e8fec;"/>
			<td style=" border-top : 3px solid #2e8fec;"/>
			<td style=" border-top : 3px solid #2e8fec;"/>
			<td style=" border-top : 3px solid #2e8fec;"/>
			<td rowspan="2" style=" border-top : 3px solid #2e8fec;"><span style="font-size:60px; color:#009ee0; font-weight:bold; font-family: 'leelawad'; ">2</span></td>
			<td style=" border-top : 3px solid #2e8fec;"/>
			<td style=" border-top : 3px solid #2e8fec; "/>
			<td valign="center" style="  border-top : 3px solid #2e8fec; border-right : 3px solid #2e8fec;"/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
		</tr>
		<tr id="9" align="left" width="100%" bgcolor="#FFFFFF" style="">
			<td height="30" style=""/>
			<td style=" border-left : 3px solid #2e8fec;"/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style="  border-right : 3px solid #2e8fec;"/>
			<td  style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
			<td style=""/>
		</tr>
</table>

Et voilà un screen de mon problème :

Comme vous voyez, le "2" par exemple prend beaucoup plus de place qu'il ne devrait...

Des idées ?

Merci d'avance pour votre aide

**rodolphebrd** · 18/04/2013, 12h52

Bonjour,

Si j'ai bien compris;
Pour la largeur vous pouvez intervenir sur la largeur de la cellule en saisissant la valeur qui vous convient:

Code html :

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

<td width="143" style=""/>

à changer en

Code html :

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

<td width="14" style=""/>

**goku19** · 18/04/2013, 13h41

Ce n'est pas vraiment sur la largeur que je veux agir mais sur la hauteur.

J'ai beau essayer de mettre une hauteur au td mais rien à faire

**rodolphebrd** · 18/04/2013, 14h46

Commencez par enlever height: 849px; à TABLE puis à cibler la hauteur des lignes par une règle comme celle-ci:

Code css :

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

1
2
3
4
 
#7 td {
	height: 150px;
}

**goku19** · 18/04/2013, 16h32

Bonjour et merci pour ta réponse.

Le fait d'enlever le height a résolu un petit problème d'espacement mais il reste encore un espacement entre le texte et le bord de la cellule...

J'ai déjà mis un height à chaque premier Td de chaque TR afin qu'il prenne en compte la valeur de premier TD met ça ne fonctionne toujours pas ...

**rodolphebrd** · 18/04/2013, 16h40

Je pense qu'il faut:

1- arrêter avec le style inline, c'est trop chronophage et pas maintenable;

2- utiliser les Css, c'est fait pour ça, pour cibler les éléments souhaités;

3- reposter votre nouveau code pour y voir plus clair (pour les prochaines aides).