Emailing HTML - Espace entre chaque image

Version imprimable

1 pièce(s) jointe(s)

Bonjour à tous,

Lors de la réalisation de mon emailing pour mon entreprise en html je me suis rendu compte que en fonction de l'envoie des mails sur des boites mails différentes l'interprétation est différente également (ce qui est logique:mouarf:).
Par exemple sur ma boite mail iMAC la réception et la présentation du mail est comme je le souhaite mais sur la boite yahoo, hotmail, gmail un espace se forme entre chaque image.

Voici le code de mon message html :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <html> <head> </head> <body> <p> <a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/1.jpg" height="160" width="595" /></a><br /> <a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/2.jpg" height="330" width="595" /></a><br /> <a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/3.jpg" height="154" width="595" /></a><br /> <a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/4.jpg" height="118" width="595" /></a><br /> <a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/5.jpg" height="210" width="595" /></a><br /> <a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/6.jpg" height="213" width="595" /></a><br /> <a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/7.jpg" height="232" width="595" /></a><br /> </p> </body> </html>
Voici l’aperçut en image de mon mail sur ma boite yahoo : (comme on peut le voir sur la barre bleu à gaucheil se forme des espaces entre chaque partie des images découpées.
http://www.developpez.net/forums/att...1&d=1314255296

Avez-vous une solution pour résoudre ce disfonctionnement?

Merci de m'avoir lu et pour votre future réponse.

Cordialement,

Edouard

En mettant chaque image dans une ligne d'un tableau.
En effet, dans ce cas, on peut créer un tableau d'une colonne sur sept lignes en mettant chaque image dans une cellule.
Ensuite, on indique que l'espacement entre les cellules doit être nul. Ainsi les images paraissent "collées" les unes aux autres.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
     <head>
     </head>
     <body>
	<table cellpadding="0" cellspacing="0">
	<tr><td><a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/1.jpg" height="160" width="595" /></a></td></tr>
         <tr><td><a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/2.jpg" height="330" width="595" /></a></td></tr>
         <tr><td><a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/3.jpg" height="154" width="595" /></a></td></tr>
         <tr><td><a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/4.jpg" height="118" width="595" /></a></td></tr>
         <tr><td><a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/5.jpg" height="210" width="595" /></a></td></tr>
         <tr><td><a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/6.jpg" height="213" width="595" /></a></td></tr>
         <tr><td><a href="http://www.falard.fr/"><img alt="" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/7.jpg" height="232" width="595" /></a></td></tr>
	</table>
     </body>
</html>

25/08/2011, 12h07
Falard

Merci Kaamo pour votre réponse.
J'ai essayé votre code et je retrouve exactement le même problème. Les images sont toujours "séparées" par un espace.
Lors de différents essaies j'avais déjà tenté votre solution avec un tableau d'une colonne et 7 lignes mais malheureusement l'interprétation du code était également mauvaise pour les boites yahoo, hotmail, et gmail.

De plus sur outlook 2003 chaque image est encadré par une ligne bleue ce qui révéle le découpage du emailing.:cry:

J'ai également rajouter dans mon code au niveau de chaque image border="0" mais ça ne change rien du tout.

Je commence à me demander s'il est judicieux de découper mon emailing en plusieurs images, et plutôt choisir la solution d'une seule et unique image ce qui va éviter tous ces dysfonctionnements.
25/08/2011, 14h27
Kaamo

étrange cet espace si le cellpadding et cellspacing vaut 0. Je sèche pour cette partie de l'erreur :?
Sinon pour le cadre bleu, cela devrait fonctionner : (à appliquer sur chaque image)

Code:

style="border: 0;"
25/08/2011, 14h39
Kaamo
Hum, j'ai trouvé. Chaque retour à la ligne dans ton code est interprété. Même si tu ne fais pas un <br/> explicitement. Il faut donc mettre le code sur une seule ligne plutôt que sur plusieurs. Par exemple :

Au lieu de :
Code:

1 2 3 4 5 <html> <head> </head> <body> <table cellpadding="0" cellspacing="0">
écrire :

Code:

<html><head></head><body><table cellpadding="0" cellspacing="0">

Etc... C'est moche, mais ça marchera :mrgreen:
25/08/2011, 14h58
Auteur

bonjour,

en plus de supprimer les bordures des cellules, il faut définir l'image comme un bloc :

Code:

<img src="tonImage.jpg" style="display:block"/>

et cela supprimera les espaces et il ne sera pas nécessaire d'écrire tout ton code HTML sur une ligne ;)
25/08/2011, 15h38
Falard

Merci pour votre réponse.

J'ai réalisé les modifications que vous m'avez soumis et voici le code :

Code:

<html><head></head><body><table cellpadding="0" cellspacing="0"><tr><td><a href="http://www.falard.fr/"><img alt="Falard" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/1.jpg" style="border: 0;" height="160" width="595" /></a></td></tr><tr><td><a href="http://www.falard.fr/"><img alt="Gamme" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/2.jpg" style="border: 0;" height="330" width="595" /></a></td></tr><tr><td><a href="http://www.falard.fr/"><img alt="F1" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/3.jpg" style="border: 0;" height="154" width="595" /></a></td></tr><tr><td><a href="http://www.falard.fr/"><img alt="F20" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/4.jpg" style="border: 0;" height="118" width="595" /></a></td></tr><tr><td><a href="http://www.falard.fr/"><img alt="F40XA5" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/5.jpg" style="border: 0;" height="210" width="595" /></a></td></tr><tr><td><a href="http://www.falard.fr/"><img alt="Atex" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/6.jpg" style="border: 0;" height="213" width="595" /></a></td></tr><tr><td><a href="http://www.falard.fr/"><img alt="Contact" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/7.jpg" style="border: 0;" height="232" width="595" /></a></td></tr></table></body></html>

C vrai que c'est moche mais surtout illisible.:lol:

Malheureusement le problème est toujours le même.
Je ne fais pas de copie d'écran car c'est identique à la première capture.

Je n'ai pas encore vérifié pour les bordures bleu sur outlook 2003 car pour le moment je n'ai pas accès à cette messagerie.

Peut être une autre solution?? :oops::cry:
Merci.

edit : @ auteur je n'avais pas vu votre post je vais essayer votre solution et je vous tiens informé. Merci pour votre réponse

:merci::merci::merci:

@Auteur : Votre solution fonctionne merci beaucoup
@Kaamo : Merci encore une fois de m'épauler sur mes difficultés dans la réalisation de cette emailing.

Ce Forum est vraiment sympa et réactif. Ca fait vraiment plaisir...

Mais attention un problème en cache toujours un autre...

Voici donc le code final :

Code:

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
<html>
     <head>
     </head>
     <body>
         <table cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Falard" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/1.jpg" style="display:block" height="160" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Gamme" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/2.jpg" style="display:block" height="330" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="F1" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/3.jpg" style="display:block" height="154" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="F20" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/4.jpg" style="display:block" height="118" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="F40XA5" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/5.jpg" style="display:block" height="210" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Atex" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/6.jpg" style="display:block" height="213" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Contact" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/7.jpg" style="display:block" height="232" width="595" /></a></td>
             </tr>
         </table>
     </body>
</html>

Citation:

Envoyé par Falard

@Auteur : Votre solution fonctionne merci beaucoup
@Kaamo : Merci encore une fois de m'épauler sur mes difficultés dans la réalisation de cette emailing.

Ce Forum est vraiment sympa et réactif. Ca fait vraiment plaisir...

De rien ;)

Citation:

Envoyé par Falard

Mais attention un problème en cache toujours un autre...

Voici donc le code final :

Code:

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
<html>
     <head>
     </head>
     <body>
         <table cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Falard" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/1.jpg" style="display:block" height="160" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Gamme" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/2.jpg" style="display:block" height="330" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="F1" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/3.jpg" style="display:block" height="154" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="F20" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/4.jpg" style="display:block" height="118" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="F40XA5" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/5.jpg" style="display:block" height="210" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Atex" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/6.jpg" style="display:block" height="213" width="595" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Contact" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/7.jpg" style="display:block" height="232" width="595" /></a></td>
             </tr>
         </table>
     </body>
</html>

Place les propriétés des images dans l'attribut style ;) :

Code:

style="display:block; height:154px; width:595px"

et sinon quel est le problème ? :aie:

25/08/2011, 16h41
Kaamo

Citation:

et sinon quel est le problème ?

je pense qu'il parlait de mes solutions qui entrainaient toujours une erreur :aie:
:mrgreen:

Bonjour à tous,

Désolé de n'avoir pas pu répondre avant.

Voici donc le code final avec vos modif suggérées.

Code:

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
<html>
     <head>
     </head>
     <body>
         <table cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Falard" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/1.jpg" style="display:block; height=232px; width=595px" border="0" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Gamme" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/2.jpg" style="display:block; height=232px; width=595px" border="0" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="F1" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/3.jpg" style="display:block; height=232px; width=595px" border="0" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="F20" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/4.jpg" style="display:block; height=232px; width=595px" border="0" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="F40XA5" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/5.jpg" style="display:block; height=232px; width=595px" border="0" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Atex" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/6.jpg" style="display:block; height=232px; width=595px" border="0" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Contact" src="http://i.message-business.com/content/operations/EmailOperations/_15381/373237/Images/7.jpg" style="display:block; height=232px; width=595px" border="0" /></a></td>
             </tr>
         </table>
     </body>
</html>

Pour le moment tout fonctionne mais je dois vérifier que tout va bien sur la boite mail outlook 2007.

C'est pour cela qu'un problème peut survenir à tout moment et que je reste méfiant.
Je vous rassure Kaamo ce n'est pas par rapport à vos propositions qui se sont par ailleurs révélées utiles. :ccool:

J'attend les réponses de mes contacts pour la vérification des messageries outlook.

Je vous tiens informé.

Cordialement,

Edouard

26/08/2011, 10h22
Kaamo

Bonjour Edouard,

Pas de soucis ;)
Néanmoins, attention à la syntaxe :
En effet, il s'agit plutôt d'utiliser : à la place de = quand on définit les styles dans l'attribut style=""Et inclure le border également dans cette balise

Code:

style="display:block; height:232px; width:595px;border:0"

Tout à coup, je ne me rappelle plus du code à utiliser pour ne pas faire apparaitre la bordure d'une image contenue dans un lien.
Ca dépend du <!DOCTYPE> que l'on définit au début de la page.
Je me souviens d'un border-width:none ? ou alors border:none ? Ou alors un border-style:none ?

Je conseille d'attendre des membres plus aguerri en CSS que moi :mrgreen: ou de tester les trois ... mais c'est moche :D
26/08/2011, 10h32
Auteur

Citation:

Envoyé par Kaamo

Néanmoins, attention à la syntaxe :
En effet, il ~~s'agit plutôt~~ d'utiliser : à la place de = quand on définit les styles dans l'attribut style=""Et inclure le border également dans cette balise

Code:

style="display:block; height:232px; width:595px;border:0"

Il faut utiliser !!! les deux points sinon les paramètres sont tout simplement ignorés.

Citation:

Envoyé par Kaamo

Tout à coup, je ne me rappelle plus du code à utiliser pour ne pas faire apparaitre la bordure d'une image contenue dans un lien.
Ca dépend du <!DOCTYPE> que l'on définit au début de la page.
Je me souviens d'un border-width:none ? ou alors border:none ? Ou alors un border-style:none ?

Je conseille d'attendre des membres plus aguerri en CSS que moi :mrgreen: ou de tester les trois ... mais c'est moche :D

C'est border:none mais il est vrai qu'il manque le DOCTYPE dans cette page.
Quant à l'attribut border, il regroupe tous les paramètres que l'on peut attribuer à une bordure (color, width, style) cf. :
http://www.w3schools.com/cssref/pr_border.asp

Voici donc mon code modifié et corrigé :

Code:

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
<html>
     <head>
     </head>
     <body>
         <table cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Falard_Gamme" src="http://www.falard.fr/images//1.jpg" style="display:block; height:495px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=64&amp;Itemid=46"><img alt="F1" src="http://www.falard.fr/images//2.jpg" style="display:block; height:146px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=59&amp;Itemid=43"><img alt="F20" src="http://www.falard.fr/images//3.jpg" style="display:block; height:114px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=65&amp;Itemid=46"><img alt="F40" src="http://www.falard.fr/images//4.jpg" style="display:block; height:113px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=76&amp;Itemid=48"><img alt="XA5" src="http://www.falard.fr/images//5.jpg" style="display:block; height:107px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=77&amp;Itemid=46"><img alt="ATEX" src="http://www.falard.fr/images//6.jpg" style="display:block; height:218px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_contact&amp;Itemid=38"><img alt="Contact" src="http://www.falard.fr/images//7.jpg" style="display:block; height:200px; width:595px; border:none" /></a></td>
             </tr>
         </table>
     </body>
</html>

Par j'avoue ne pas avoir saisie à quoi correspond le

Citation:

DOCTYPE

.
J'ai commencé à lire sur internet des explications mais il est vraie que cela dépasse mes compétences qui sont par ailleurs très limitées:mouarf:

Pouvez m'éclairer sur ce point?
Est il nécessaire de faire apparaitre cette information en sachant que je passe par une plateforme de emailing qui est message-business.com
Ou je peux laisser mon code tel quel?

Merci pour vos réponses précédentes

26/08/2011, 12h56
Kaamo

ça permet de renseigner au navigateur dans quel type de HTML la page a été codée. Ca permet aussi de respecter des standards de développement commun à tous les développeurs en fonction du type d'HTML utilisé.
En l'absence de doctype, il me semble que les navigateurs utilisent un mode plus permissif vis à vis des syntaxes CSS et HTML.

Vous pouvez utiliser votre code tel quel sans DOCTYPE.

En effet, il me semble qu'un Doctype est nécessaire si il y a utilisation de certaines propriétés du CSS3 et s'il y a utilisation de la balise <p> qui n'a pas la même marge avec ou sans la mention de Doctype.

Bref, dans votre cas, ça devrait passer niquel sans :ccool:
26/08/2011, 12h56
Auteur

Pour le DOCTYPE je t'invite à lire la FAQ :
http://xhtml.developpez.com/faq/?page=doctype-standards ;)
26/08/2011, 14h18
Falard

Merci pour vos informations.
C'est bien ce que j'avais déjà lu sur internet auparavant.
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Donc je vais suivre vos recommandations, et ne pas mettre de DOCTYPE.
Par contre j'ai fais valider mon url sur W3C et des erreurs sont détectées mais je pense que ce ne doit pas être génant.
http://validator.w3.org/check?uri=ht...Inline&group=0

Enfin bref, merci encore Kaamo & Auteur pour votre aide précieuse.
26/08/2011, 15h18
Auteur

Citation:

Envoyé par Falard

Donc je vais suivre vos recommandations, et ne pas mettre de DOCTYPE.
Par contre j'ai fais valider mon url sur W3C et des erreurs sont détectées mais je pense que ce ne doit pas être génant.
http://validator.w3.org/check?uri=ht...Inline&group=0

on ne s'est pas compris :aie: (ou je n'ai pas été assez précis)
Je te conseille vivement de mettre un DOCTYPE ;) D'ailleurs pour valider la page par le W3C tu dois ajouter un DOCTYPE.

Bonjour,

Désolé Auteur pour cette réponse tardive mais j'ai eu des contres temps au boulot.
Donc j'ai suivi vos conseils et j'ai ajouté un DOCTYPE à mon code html.
Par contre je ne suis pas sure sur le choix du DOCTYPE car il en existe 3 différents le simple le transitional et le frameset. Lequel me conseillez vous?
J'ai choisi de mettre le transitional car j'ai vu plusieurs emailing avec celui-ci .
Mais comme vous pouvez le comprendre j'ai fais cela sans aucune réflexion:calim2:

Donc voici mon code finale.
Ce code est-il correcte pour un emailing? J'espère n'avoir rien oublié:roll:

Code:

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
<!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"><html>
     <head>
     </head>
     <body>
         <table cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Falard_Gamme" src="http://www.falard.fr/images//1.jpg" style="display:block; height:495px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=64&amp;Itemid=46"><img alt="F1" src="http://www.falard.fr/images//2.jpg" style="display:block; height:146px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=59&amp;Itemid=43"><img alt="F20" src="http://www.falard.fr/images//3.jpg" style="display:block; height:114px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=65&amp;Itemid=46"><img alt="F40" src="http://www.falard.fr/images//4.jpg" style="display:block; height:113px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=76&amp;Itemid=48"><img alt="XA5" src="http://www.falard.fr/images//5.jpg" style="display:block; height:107px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=77&amp;Itemid=46"><img alt="ATEX" src="http://www.falard.fr/images//6.jpg" style="display:block; height:218px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_contact&amp;Itemid=38"><img alt="Contact" src="http://www.falard.fr/images//7.jpg" style="display:block; height:200px; width:595px; border:none" /></a></td>
             </tr>
         </table>
     </body>
</html>

Et j'ai fais la validation via le site W3C http://validator.w3.org/check?uri=ht...alidator%2F1.2 et il est vrai que je n'ai plus qu'un warning contre 19 sur l'autre.
Donc je pense que cette modif est bénéfique...:D

30/08/2011, 10h29
Auteur
attention dans le code que tu as posté il y a une balise html en trop :

Code:

<html xmlns="http://www.w3.org/1999/xhtml"><html>

et dans le head il manque la balise title :
Code:

1 2 3 4 <head> <title></title> </head>
Le lien que tu as donné indique qu'il y a 17 erreurs :aie:
30/08/2011, 10h43
Kaamo

En effet, tu dois tester en copiant/collant ton code dans ce validateur

D'ailleurs ta page (http://email.message-business.com/Pu...8338FAF38BF900) est bizarre. Elle contient également une autre série de balise <html><head></head><body></body></html> tout en bas de page.

Suite à vos informations j'ai modifié le code

Code:

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
<!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></title>
       </head>
     <body>
         <table cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Falard_Gamme" src="http://www.falard.fr/images//1.jpg" style="display:block; height:495px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=64&amp;Itemid=46"><img alt="F1" src="http://www.falard.fr/images//2.jpg" style="display:block; height:146px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=59&amp;Itemid=43"><img alt="F20" src="http://www.falard.fr/images//3.jpg" style="display:block; height:114px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=65&amp;Itemid=46"><img alt="F40" src="http://www.falard.fr/images//4.jpg" style="display:block; height:113px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=76&amp;Itemid=48"><img alt="XA5" src="http://www.falard.fr/images//5.jpg" style="display:block; height:107px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=77&amp;Itemid=46"><img alt="ATEX" src="http://www.falard.fr/images//6.jpg" style="display:block; height:218px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_contact&amp;Itemid=38"><img alt="Contact" src="http://www.falard.fr/images//7.jpg" style="display:block; height:200px; width:595px; border:none" /></a></td>
             </tr>
         </table>
     </body>
</html>

Avec le validateur que vous m'avez donné Kaamo je n'ai plus d'erreurs uniquement deux warning :

Code:

1
2
3
4
5
Info No Character encoding declared at document level
 
No character encoding information was found within the document, either in an HTML meta element or an XML declaration. It is often recommended to declare the character encoding in the document itself, especially if there is a chance that the document will be read from or saved to disk, CD, etc.
 
See this tutorial on character encoding for techniques and explanations.

Code:

1
2
3
4
5
Info Using Direct Input mode: UTF-8 character encoding assumed
 
Unlike the “by URI” and “by File Upload” modes, the “Direct Input” mode of the validator provides validated content in the form of characters pasted or typed in the validator's form field. This will automatically make the data UTF-8, and therefore the validator does not need to determine the character encoding of your document, and will ignore any charset information specified.
 
If you notice a discrepancy in detected character encoding between the “Direct Input” mode and other validator modes, this is likely to be the reason. It is neither a bug in the validator, nor in your document.

Par contre si j'utilise le validateur pour L'URL de mon email on peut voir des erreurs en plus qui sont du aux ajouts de la plateforme comme les liens de désinscription etc...

Validateur
http://validator.w3.org/check?uri=ht...alidator%2F1.2

URL email
http://email.message-business.com/Pu...58A82FB0708000

Toutes ces erreurs sont du à la plateforme d’envois de l'email.
Malheureusement je ne peux rien faire pour corriger cela.

30/08/2011, 12h48
Falard

Je viens de faire l'éssai avec une autre plateforme et voici les résultats :

Validateur :
http://validator.w3.org/check?uri=ht...alidator%2F1.2

URL de l'email :
http://manager.mailingplus.net/newsl...yoy_-I5eQ2ew==

Comme on peut le voir il ne reste plus que une erreur et un warning.
J'ai l'impression que cette plateforme est plus sécurisante.
En meme temps je dis ça mais je ne m'y connait pas.
30/08/2011, 13h59
Auteur
pour enlever tes warning précise le charset :
Code:

1 2 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
ou
Code:

1 2 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
place une de ces deux balises meta entre les balises head (généralement on la place après la balise title).
30/08/2011, 14h02
Kaamo

et peut être mettre un titre dans les balises <title></title> ? ;)

Attention Mesdames et messieurs voici le code html avec toutes vos dernières modifs :

Code:

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
<!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>Lancement de 4 nouveaux produits</title>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
       </head>
     <body>
         <table cellpadding="0" cellspacing="0">
             <tr>
                 <td><a href="http://www.falard.fr/"><img alt="Falard_Gamme" src="http://www.falard.fr/images//1.jpg" style="display:block; height:495px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=64&amp;Itemid=46"><img alt="F1" src="http://www.falard.fr/images//2.jpg" style="display:block; height:146px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=59&amp;Itemid=43"><img alt="F20" src="http://www.falard.fr/images//3.jpg" style="display:block; height:114px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=65&amp;Itemid=46"><img alt="F40" src="http://www.falard.fr/images//4.jpg" style="display:block; height:113px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=76&amp;Itemid=48"><img alt="XA5" src="http://www.falard.fr/images//5.jpg" style="display:block; height:107px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_content&amp;task=view&amp;id=77&amp;Itemid=46"><img alt="ATEX" src="http://www.falard.fr/images//6.jpg" style="display:block; height:218px; width:595px; border:none" /></a></td>
             </tr>
             <tr>
                 <td><a href="http://www.falard.fr/index.php?option=com_contact&amp;Itemid=38"><img alt="Contact" src="http://www.falard.fr/images//7.jpg" style="display:block; height:200px; width:595px; border:none" /></a></td>
             </tr>
         </table>
     </body>
</html>

Validateur :
http://validator.w3.org/check?uri=ht...alidator%2F1.2

URL Email :
http://manager.mailingplus.net/newsl...yoy_-I5eQ2ew==

Il n'ya plus qu'une erreur mais qui n'est pas de notre fait vu que c'est la plateforme qui la génère.

Je pense que le code html est bientôt parfait ou peut etre meme deja...:king: