Marge à l'envoie d'une Newsletter

**LiljaB** · 09/02/2011, 17h58

Bonjour

je suis actuellement en étude de graphiste/WebDesigner en alternance
et personne ne s'y connait assez pour me répondre dans ma boite.
Alors je viens vous voir en espérant trouver la solution.

je suis en charge de la création des Newsletters du site e-commerce que je m'occupe sauf que je n'arrive pas à résoudre mon problème de marge.
sur mon Pc tout s'affiche correctement
sauf que après l'envoie de la News sur certaines plateforme mail ou certains navigateurs des marges horizontales apparaissent sans que j'arrive à savoir pourquoi...
La newsletter est du coup complètement déformé et très moche

prévisualisation de Gmail

je fonctionne sous Outlook 2003 et tout fonctionne toujours très bien
j'ai aussi fait quelques tests sous Gmail et hotmail pour prendre des exemples
Avec IE8
Gmail : fonctionne pas
Hotmail :fonctionne
Avec Firefox 3.6
Gmail : fonctionne pas
Hotmail :fonctionne pas
Avec Chrome 9
Gmail : fonctionne pas
Hotmail :fonctionne pas

un lien vers ma newsletter hébergé pour une prévisualisation
cliquez ici

voila mon code Newsletter

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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TelAndCom</title>
</head>
<body>
  <div>
    <table id="Tableau_01" width="600" border="0" cellpadding="0" cellspacing="0" align="center">
      <tr>
        <td rowspan="16" bgcolor="#FFFFFF"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_gauche.jpg" width="8" height="999" alt="www.telandcom.fr" style="display:block"></td>
 
        <td width="583" height="20" colspan="17" bgcolor="#FFFFFF"><span style="font-family:Arial, Helvetica, ans-serif; font-size:12px; color:#87888a">Commandez d&egrave;s &agrave; pr&eacute;sent un mobile Samsung</span></td>
 
        <td rowspan="16" bgcolor="#FFFFFF"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_droit.jpg" width="9" height="999" alt="" style="display:block"></td>
      </tr>
 
      <tr>
        <td colspan="17" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Accueil.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_.jpg" width="583" height="71" border="0" alt="www.telandcom.fr"></a></td>
      </tr>
 
      <tr>
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_Tranche.jpg" width="40" height="51" alt=""></td>
 
        <td width="543" height="51" colspan="17" bgcolor="#FFFFFF">
          <p><span style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#87888a"><strong>Bonjour <a style="color:#9e19c4">$u(7),</a></strong></span><br>
          <span style="font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9c9d9d">Venez profiter de l'offre Samsung sur notre site www.telandcom.fr</span></p>
        </td>
      </tr>
<!--
 
Menu 
 
-->
 
      <tr>
        <td colspan="2"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_Tranche-06.jpg" width="140" height="20" alt=""></td>
 
        <td colspan="3" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Category/Mobiles.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_menu_mobilespicto.jpg" width="59" height="20" border="0" alt="Mobiles"></a></td>
 
        <td colspan="12"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_Tranche-08.jpg" width="384" height="20" alt=""></td>
      </tr>
 
      <tr>
        <td colspan="2" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Changer-de-mobile.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_menu_changerdemobile.jpg" width="140" height="27" border="0" alt="Changer de mobile"></a></td>
 
        <td colspan="3" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Category/Mobiles.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_menu_mobiles.jpg" width="59" height="27" border="0" alt="Mobiles"></a></td>
 
        <td bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Category/Accessoires.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_menu_accessoires.jpg" width="77" height="27" border="0" alt="Accessoires"></a></td>
 
        <td colspan="5" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Category/Forfaits.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_menu_forfaitset-carte.jpg" width="60" height="27" border="0" alt="Forfaits et cartes"></a></td>
 
        <td bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Cles-3g-minis-pc.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_menu_miniPCetcle.jpg" width="59" height="27" border="0" alt="Mini PC / cl&eacute; 3G"></a></td>
 
        <td colspan="3"><a href="http://www.telandcom.fr/Internet.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_menu_internet.jpg" width="55" height="27" border="0" alt="Internet"></a></td>
 
        <td bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Nouveautes.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_menu_nouveautes.jpg" width="73" height="27" border="0" alt="Nouveaut&eacute;s"></a></td>
 
        <td bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Bons-plans.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
		<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_menu_bonsplans.jpg" width="60" height="27" border="0" alt="Bons plans"></a></td>
      </tr>
<!--
 
Pave centrale 
 
-->
 
      <tr>
        <td colspan="17"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_Tranche-17.jpg" width="600" height="11" alt=""></td>
      </tr>
 
      <tr>
        <td colspan="8"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_01.jpg" width="300" height="100" border="0" alt="Offre Samsung"></a></td>
 
        <td colspan="9"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_02.jpg" width="300" height="100" border="0" alt="Special Saint Valentin"></a></td>
      </tr>
 
      <tr>
        <td colspan="8"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_03.jpg" width="300" height="100" border="0" alt="Offre Samsung"></a></td>
 
        <td colspan="9"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_04.jpg" width="300" height="100" border="0" alt="Special Saint Valentin"></a></td>
      </tr>
 
      <tr>
        <td colspan="8"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_05.jpg" width="300" height="100" border="0" alt="Offre Samsung"></a></td>
 
        <td colspan="9"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_06.jpg" width="300" height="100" border="0" alt="Special Saint Valentin"></a></td>
      </tr>
 
      <tr>
        <td colspan="8"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_07.jpg" width="300" height="100" border="0" alt="Offre Samsung"></a></td>
 
        <td colspan="9"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_08.jpg" width="300" height="100" border="0" alt="Special Saint Valentin"></a></td>
      </tr>
 
      <tr>
        <td colspan="8"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_09.jpg" width="300" height="100" border="0" alt="Offre Samsung"></a></td>
 
        <td colspan="9"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_10.jpg" width="300" height="100" border="0" alt="Special Saint Valentin"></a></td>
      </tr>
 
      <tr>
        <td colspan="8"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_11.jpg" width="300" height="100" border="0" alt="Offre Samsung"></a></td>
 
        <td colspan="9"><a href="http://www.telandcom.fr/landing-page/landing_StValentin.html?utm_source=065_stvalentin_04022011&utm_medium=email&utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/NewsStValentin-centre_12.jpg" width="300" height="100" border="0" alt="Special Saint Valentin"></a></td>
      </tr>
<!--
 
Pave Numero Vert
 
-->
      <tr>
        <td colspan="8" bgcolor="#FFFFFF"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_numvert.jpg" width="300" height="100" border="0" alt="Pour en savoir plus,"></td>
 
        <td colspan="9" bgcolor="#FFFFFF"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_numvert-40.jpg" width="300" height="100" border="0" alt="appeler au 0811 000 640"></td>
      </tr>
<!--
 
Footer
 
-->
 
      <tr>
        <td colspan="3" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Les-engagements-Tel-and-Com.html#5?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_livraison.jpg" width="157" height="27" border="0" alt="Livraison gratuite en magasin"></a></td>
 
        <td bgcolor="#FFFFFF"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_separateur1.jpg" width="33" height="27" alt=""></td>
 
        <td colspan="4" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Les-engagements-Tel-and-Com.html#6?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_paiemsecu.jpg" width="101" height="27" border="0" alt="Paiement s&eacute;curis&eacute;"></a></td>
 
        <td colspan="2" bgcolor="#FFFFFF"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_separateur2.jpg" width="24" height="27" alt=""></td>
 
        <td colspan="3" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Nous-contacter.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_contacter.jpg" width="87" height="27" border="0" alt="Nous contacter"></a></td>
 
        <td bgcolor="#FFFFFF"><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_separateur3.jpg" width="32" height="27" alt=""></td>
 
        <td bgcolor="#FFFFFF"><a href="http://www.facebook.com/TelandCom?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
		<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_facebook.jpg" width="16" height="27" border="0" alt="Facebook"></a></td>
 
        <td colspan="2" rowspan="2" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Accueil.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_bandeaulogo.jpg" width="133" height="65" border="0" alt="www.telandcom.fr"></a></td>
      </tr>
 
      <tr>
        <td colspan="15" bgcolor="#FFFFFF"><a href="http://www.telandcom.fr/Accueil.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011" target="_blank">
			<img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/emailing_TAC_bandeausite.jpg" width="464" height="38" border="0" alt="www.telandcom.fr"></a></td>
      </tr>
 
      <tr>
        <td width="583" height="153" colspan="17" valign="baseline"><span style="font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#9c9e9f">
*Offre soumise &agrave; conditions et valable en France m&eacute;tropolitaine du 2 au 28 f&eacute;vrier 2011.<br>
 
**co&ucirc;t d'un appel local, temps d'attente gratuit. Du lundi au vendredi de 9h &agrave; 18h.<br>
        <br>
En application de la loi &ldquo;Informatique et Libert&eacute;&rdquo;, vous disposez d&rsquo;un droit d&rsquo;acc&egrave;s, de rectification et d&rsquo;opposition sur les donn&eacute;es vous
concernant. Si vous souhaitez acc&eacute;der &agrave; vos donn&eacute;es personnelles, les rectifier ou ne plus recevoir de propositions commerciales par l&rsquo;interm&eacute;diaire de
T&eacute;l and Com <a href="http://www.telandcom.fr/Lettre-d-information-desinscription.html?utm_source=065_stvalentin_04022011&amp;utm_medium=emailing&amp;utm_campaign=065_stvalentin_04022011"
target="_blank">suivez ce lien</a>.</span></td>
      </tr>
 
      <tr>
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="8" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="40" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="100" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="17" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="33" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="9" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="77" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="7" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="8" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="8" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="16" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="21" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="59" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="7" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="32" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="16" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="73" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="60" height="1" alt=""></td>
 
        <td><img src="http://u.ems7.net/img/2453/065_stvalentin_04022011/spacer.gif" width="9" height="1" alt=""></td>
      </tr>
    </table>
  </div>
</body>
</html>

Ce n'est pas seulement mon pavé centrale qui affiche des marges mais l'ensemble de la News

Si vous pouviez un jeter un coup d'œil ça serai vraiment super
Merci d'avance

sacha69 · 09/02/2011, 18h34

Salut !

Pour tes images, en plus du display block, rajoute margin:0 padding:0.

**LiljaB** · 11/02/2011, 14h07

si c'est aussi simple que ça, ça serai cool

je vais faire des tests cette après-midi pour voir
merci bien pour ta réponse

**LiljaB** · 23/02/2011, 17h50

suite à quelques difficultés je n'est pas pu faire les tests tout de suite

j'ai ajouté

style="display:block; margin:0; padding:0;"

mais après plusieurs tests rien n'a changer

je suis à cour d'idées....

**NoSmoking** · 23/02/2011, 18h38

Bonjour,
le margin:0; est a mettre sur ta table

- Compliqué cette construction par table avec des colspan de partout, pas sûr que le cumul des dimensions tombe juste, je me place coté navigateur.
- Pourquoi ne pas avoir mis l'image en background.
- opte pour un DOCTYPE Strict
- HTML ou XHTML il faut choisir, que dire de ces lignes

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">

Nota : je n'observe pas exactement ce que tu décris.

**LiljaB** · 24/02/2011, 11h39

Code :

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

<table id="Tableau_01" width="600" border="0" cellpadding="0" cellspacing="0" align="center" style="display:block; margin:0; padding:0;">

- ma table ressemble à ça

-je n'est pas très bien compris ce que tu voulais dire par "mettre l'image en background" ??

- et pour ce qui est de la construction de la news un peu compliqué, j'ai repris un code existant qu'une agence de com nous avais fait.....je me demande si vaudrais pas mieux que je recommence a zéro (ou du moins repartir d'une autre news plus propre)

- j'ai modifié mon doctype, effectivement j'avais mis un peu n'importe quoi....

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

et le problème viens bien de la....une fois modifié, ma news affiche les grosses marges même en local
je ne mis connais pas assez en progra, pour savoir ce qui pose problème malheureusement. c'est ma syntaxe qui est à changer ??

**NoSmoking** · 25/02/2011, 18h43

-je n'est pas très bien compris ce que tu voulais dire par "mettre l'image en background" ??

je voyais un truc plus simple du style de, pour la partie centrale

Code html :

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>NewsLetter</title>
<style type="text/css">
*{
  font-family : Verdana;
  font-size : 1.0em;
}
html, body {
  height : 100%;
  width : 100%;
  margin :0;
}
#div_lien {
  margin : auto;
  width : 600px;
  height : 600px;
  background : url(image_fond.jpg);
}
#div_lien a{
  display : block;
  float : left;
  width : 300px;
  height : 100px;
  border : 0px
}
</style>
</head>
<body>
  <div id="div_lien">
    <a href="lein #1" target="_blank">/a>
    <a href="lein #2" target="_blank">/a>
    <a href="lein #3" target="_blank">/a>
    <a href="lein #4" target="_blank">/a>
    <a href="lein #5" target="_blank">/a>
    <a href="lein #6" target="_blank"></a>
    <a href="lein #7" target="_blank"></a>
    <a href="lein #8" target="_blank"></a>
    <a href="lein #9" target="_blank"></a>
    <a href="lein #10" target="_blank"></a>
  </div>
</script>
</body>
</html>

**LiljaB** · 28/02/2011, 17h14

merci pour ta réponse NoSmoking

je vais essayer comme tu le suggère
et sinon je recommencerai à zéro pour avoir un code plus simple

**LiljaB** · 07/03/2011, 15h38

n'ayant pas très bien réussi avec ta technique NoSmoking
je suis reparti de zero pour simplifier le code
j'ai enlever le maximum de rowspan et colspan et je n'est plus de problème de marge

Merci a tous ceux qui pris le temps de me répondre

Marge à l'envoie d'une Newsletter

HTML

Discussions similaires

Partager

Partager