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