Problème d'espace cellule sous Outlook Web App

**loic_0175** · 03/08/2012, 14h31

Bonjour à tous chers développeurs ! Je viens à vous car j'ai un petit souci et j'aurais voulu savoir si une âme charitable aurait pu me donner un petit coup de pouce.

J'utilise dreamweaver pour créer les mailings du site pour lequel je travaille. Une fois l'emailing crée sous Dreamweaver, je l'exporte et je me trouve donc avec mon fichier html et mes images associées.
Ensuite je rentre mon fichier html sous mon outil d'emailing. Avant l'envoi de mon email, je le visualise et le résultat est top. Tout est bien en place comme vous pouvez le voir sur cette capture d'écran.

Le souci vient lorsque j'envoie le mail. Lorsque je reçois mon mail sous ma messagerie Outlook Web App, le mail est non seulement situé à gauche de ma messagerie, mais en plus, il y a un espacement entre chaque image du mailing. Exemple avec cette capture d'écran.

J'ai fouillé avec mes maigres connaissances en html, notamment au niveau des cellpadding et cellspacing, mais celles-ci sont à 0. Je me demande donc bien d'où peut venir ce fichu espace ?
D'autant que si je visualise cet email avec un Iphone ou un Ipad. Je n'ai pas ce souci.

Pour la petite précision la version de Dreamwaver que j'utilise est la CS4, je travaille sous IMac et la version d'Outlook que j'utilise est Outlook Web App.

Ci-dessous vous trouverez le code html de mon mail.

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
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
<!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>
        <title>09-08-2012 pouilly.jpg</title>
        <style type="text/css">td img {display: block;}</style> <!--Fireworks CS6 Dreamweaver CS6 target.  Created Fri Aug 03 10:42:01 GMT+0200 (CEST) 2012-->
    </head>
    <body bgcolor="#ffffff">
        <div align="center">
        <p></p>
        <table style="display: inline-table;" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="600">
            <!-- fwtable fwsrc="09-08-2012 pouilly.fw.png" fwpage="Page 1" fwbase="09-08-2012 pouilly.jpg" fwstyle="Dreamweaver" fwdocid="1195453470" fwnested="0" -->
            <tbody>
                <tr>
                    <td><img width="136" height="1" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                    <td><img width="20" height="1" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                    <td><img width="81" height="1" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                    <td><img width="34" height="1" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                    <td><img width="19" height="1" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                    <td><img width="19" height="1" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                    <td><img width="291" height="1" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                    <td><img width="1" height="1" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                </tr>
                <tr>
                    <td colspan="7" style="text-align: center; "><a target="_blank" xt="SPCLICK" name="Link_site_haut" href="http://www.awineday.com"><img width="600" height="259" id="n09082012pouilly_r1_c1" spname="09-08-2012 pouilly_r1_c1.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7cecb-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r1_c1.jpg" alt="" src="09-08-2012%20pouilly_r1_c1.jpg" /></a></td>
                    <td style="text-align: center; "><img width="1" height="259" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                </tr>
                <tr>
                    <td style="text-align: center; "><a target="_blank" xt="SPCLICK" name="Link_date" href="http://www.awineday.com"><img width="136" height="48" id="n09082012pouilly_r2_c1" spname="09-08-2012 pouilly_r2_c1.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7cf2c-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r2_c1.jpg" alt="" src="09-08-2012%20pouilly_r2_c1.jpg" /></a></td>
                    <td colspan="2" style="text-align: center; "><a target="_blank" xt="SPCLICK" name="Link_facebook_haut" href="http://www.facebook.com/pages/A-WINE-DAY/268167776573032"><img width="101" height="48" id="n09082012pouilly_r2_c2" spname="09-08-2012 pouilly_r2_c2.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7ceb6-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r2_c2.jpg" alt="" src="09-08-2012%20pouilly_r2_c2.jpg" /></a></td>
                    <td colspan="3" style="text-align: center; "><a target="_blank" xt="SPCLICK" name="Twitter_haut" href="http://twitter.com/#!/AWINEDAY"><img width="72" height="48" id="n09082012pouilly_r2_c4" spname="09-08-2012 pouilly_r2_c4.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7cf05-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r2_c4.jpg" alt="" src="09-08-2012%20pouilly_r2_c4.jpg" /></a></td>
                    <td rowspan="2" style="text-align: center; "><a name="Link_site_haut" target="_blank" xt="SPCLICK" href="http://www.awineday.com"><img width="291" height="119" id="n09082012pouilly_r2_c7" alt="" spname="09-08-2012 pouilly_r2_c7.jpg" xt="SPIMAGE" contentid="59c7d315-138ebc8b334-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r2_c7.jpg" src="09-08-2012%20pouilly_r2_c7.jpg" /></a></td>
                    <td style="text-align: center; "><img width="1" height="48" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center; "><a name="Link_site_haut" target="_blank" xt="SPCLICK" href="http://www.awineday.com"><img width="271" height="71" id="n09082012pouilly_r3_c1" alt="" spname="09-08-2012 pouilly_r3_c1.jpg" xt="SPIMAGE" contentid="59c7d315-138ebc8b30b-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r3_c1.jpg" src="09-08-2012%20pouilly_r3_c1.jpg" /></a></td>
                    <td colspan="2" style="text-align: center; "><a name="Link_site_haut" target="_blank" xt="SPCLICK" href="http://www.awineday.com"><img width="38" height="71" id="n09082012pouilly_r3_c5" alt="" spname="09-08-2012 pouilly_r3_c5.jpg" xt="SPIMAGE" contentid="59c7d315-138ebc8b2fc-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r3_c5.jpg" src="09-08-2012%20pouilly_r3_c5.jpg" /></a></td>
                    <td style="text-align: center; "><img width="1" height="71" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                </tr>
                <tr>
                    <td colspan="7" style="text-align: center; "><a name="Link_site_haut" target="_blank" xt="SPCLICK" href="http://www.awineday.com"><img width="600" height="2189" id="n09082012pouilly_r4_c1" alt="" spname="09-08-2012 pouilly_r4_c1.jpg" xt="SPIMAGE" contentid="59c7d315-138ebc8b31a-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r4_c1.jpg" src="09-08-2012%20pouilly_r4_c1.jpg" /></a></td>
                    <td style="text-align: center; "><img width="1" height="2189" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                </tr>
                <tr>
                    <td colspan="3" style="text-align: center; "><a name="Link_site_haut" target="_blank" xt="SPCLICK" href="http://www.awineday.com"><img width="237" height="58" id="n09082012pouilly_r5_c1" alt="" spname="09-08-2012 pouilly_r5_c1.jpg" xt="SPIMAGE" contentid="59c7d315-138ebc8b2ed-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r5_c1.jpg" src="09-08-2012%20pouilly_r5_c1.jpg" /></a></td>
                    <td colspan="4" style="text-align: center; "><a target="_blank" xt="SPCLICK" name="Offre" href="http://www.awineday.com"><img width="363" height="58" id="n09082012pouilly_r5_c4" spname="09-08-2012 pouilly_r5_c4.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7cf78-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r5_c4.jpg" alt="" src="09-08-2012%20pouilly_r5_c4.jpg" /></a></td>
                    <td style="text-align: center; "><img width="1" height="58" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                </tr>
                <tr>
                    <td colspan="7" style="text-align: center; "><a target="_blank" xt="SPEMAIL" name="mail" href="mailto:contact@awineday.com"><img width="600" height="353" id="n09082012pouilly_r6_c1" spname="09-08-2012 pouilly_r6_c1.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7cf40-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r6_c1.jpg" alt="" src="09-08-2012%20pouilly_r6_c1.jpg" /></a></td>
                    <td style="text-align: center; "><img width="1" height="353" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center; "><a target="_blank" xt="SPCLICK" name="facebook_bas" href="http://www.facebook.com/pages/A-WINE-DAY/268167776573032"><img width="156" height="47" id="n09082012pouilly_r7_c1" spname="09-08-2012 pouilly_r7_c1.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7cf53-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r7_c1.jpg" alt="" src="09-08-2012%20pouilly_r7_c1.jpg" /></a></td>
                    <td colspan="3" style="text-align: center; "><a target="_blank" xt="SPCLICK" name="twitter_bas" href="http://twitter.com/#!/AWINEDAY"><img width="134" height="47" id="n09082012pouilly_r7_c3" spname="09-08-2012 pouilly_r7_c3.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7ceeb-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r7_c3.jpg" alt="" src="09-08-2012%20pouilly_r7_c3.jpg" /></a></td>
                    <td colspan="2" style="text-align: center; "><a target="_blank" xt="SPCLICK" name="blog" href="http://www.news.awineday.com"><img width="310" height="47" id="n09082012pouilly_r7_c6" spname="09-08-2012 pouilly_r7_c6.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7cf1e-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r7_c6.jpg" alt="" src="09-08-2012%20pouilly_r7_c6.jpg" /></a></td>
                    <td style="text-align: center; "><img width="1" height="47" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                </tr>
                <tr>
                    <td colspan="7" style="text-align: center; "><a target="_blank" xt="SPCLICK" name="site_bas" href="http://www.awineday.com"><img width="600" height="147" id="n09082012pouilly_r8_c1" spname="09-08-2012 pouilly_r8_c1.jpg" xt="SPIMAGE" contentid="59c7d315-138ebd7cedb-c6f842ded9e6d11c5ffebd715e129037" name="09-08-2012 pouilly_r8_c1.jpg" alt="" src="09-08-2012%20pouilly_r8_c1.jpg" /></a></td>
                    <td style="text-align: center; "><img width="1" height="147" alt="" spname="spacer.gif" xt="SPIMAGE" contentid="59c7d315-138ebc8b325-c6f842ded9e6d11c5ffebd715e129037" name="spacer.gif" src="spacer.gif" /></td>
                </tr>
            </tbody>
        </table>
        <p><a name="Lien_visualisation_1" xt="SPCLICKTOVIEW" target="_blank" style="background-image: none; padding-left: 0px; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial; " href="#SPCLICKTOVIEW"><span style="font-family: Verdana; "><span style="font-size: 14px; " /></span><span style="font-size: 12px; "><strong><span style="font-family: Verdana; ">Si vous ne pouvez pas voir ce message, cliquez ici.</span></strong></span><span style="font-size: 10px; " /><span style="font-size: 12px; " /><strong><span style="font-family: Verdana; " /></strong><span style="font-family: Verdana; " /><span style="font-family: Verdana; "><span style="font-size: 14px; " /></span></a></p>
        <p></p>
        <h5><span style="font-family: Verdana; "><span style="color: rgb(0, 0, 0); " /><span style="font-size: 12px; "><span style="color: rgb(0, 0, 0); ">Ch&egrave;r(e) %%EMAIL%%, vous recevez ce mail de la part de A WINE DAY.<br />
        Merci d'ajouter&nbsp;</span></span><span style="font-size: 10px; " /></span><a name="contact_awineday_com" xt="SPEMAIL" style="background-image: none; padding-left: 0px; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(234, 37, 114); background-position: initial initial; background-repeat: initial initial; " href="mailto:contact@awineday.com"></a><span style="font-size: 12px; "><span style="font-family: Verdana; " /></span><span style="color: rgb(0, 255, 0); " /><span style="color: rgb(255, 118, 56); " /><span style="font-family: Verdana; "><span style="color: rgb(0, 0, 0); "><a name="contact_awineday_com" xt="SPEMAIL" style="background-image: none; padding-left: 0px; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(234, 37, 114); background-position: initial initial; background-repeat: initial initial; " href="mailto:contact@awineday.com"><span style="color: rgb(255, 118, 56); "><span style="font-size: 12px; ">contact@awineday.com</span></span><span style="color: rgb(0, 255, 0); " /></a></span></span><span style="font-size: 12px; " /><span style="font-size: 10px; "><span style="color: rgb(0, 0, 0); "><a name="contact_awineday_com" xt="SPEMAIL" style="background-image: none; padding-left: 0px; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(234, 37, 114); background-position: initial initial; background-repeat: initial initial; " href="mailto:contact@awineday.com"></a></span></span><span style="font-size: 12px; "><span style="font-family: Verdana; "><span style="color: rgb(0, 0, 0); ">&nbsp;&agrave; votre carnet d'adresse mail pour vous assurer de la bonne r&eacute;ception de nos offres.</span></span></span></h5>
        <p></p>
        <h5><span style="font-size: 12px; "><span style="font-family: Verdana; "><span style="color: rgb(0, 0, 0); ">L'abus d'alcool est dangereux pour la sant&eacute;, &agrave; consommer avec mod&eacute;ration.</span></span></span></h5>
        <h5><span style="color: rgb(0, 0, 0); "><span style="font-size: 10px; " /></span><span style="color: rgb(255, 255, 255); "><span style="font-size: 10px; "><a name="Lien_desinscription_1_1" xt="SPONECLICKOPTOUT" target="_blank" style="background-image: none; padding-left: 0px; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial; " href="#SPONECLICKOPTOUT"><span style="color: rgb(0, 0, 0); ">D&eacute;sinscription</span></a></span></span></h5>
        <p></p>
        </div>
    </body>
</html>