Problème sémantique <table>

cedr!k · 22 Juillet 2014

Bonjour,

Je n'arrive pas à régler un problème avec une newsletter avec laquelle tout allait bien jusqu'à présent.
A priori j'ai un soucis avec la sémantique du code HTML, c'est le prestataire d'envoi de la newsletter qui le dit.
(mais qui ne veut pas me dire ce qu'il ne va pas... pour raisons de concurrence, etc...)

J'ai beau chercher, je ne trouve pas ce qui cloche!
Merci infiniment pour votre aide :!:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=windows-1252" http-equiv="content-type">
<title>Test</title>
<style type="text/css">
<!--
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
a {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
.texte {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	line-height: 20px;
}
.texte-bleu {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #0196d6;
	text-align: left;
	line-height: 20px;
}
.desabonner {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}



-->
</style> 
</head>
  
<body>
  
<table align="center" border="0" cellpadding="0" cellspacing="0" width="800">
<tr>
  <td>

        <table border="0" cellpadding="0" cellspacing="0" width="800">
        <tr>
            <td width="267"><img src="img/logo.gif" alt="Découvrez nos assurances camping !" style="display:block;" border="0" width="267" height="247"></td>
            <td width="266"><img src="img/header01.gif" alt="Découvrez nos assurances camping !" style="display:block;" border="0" width="266" height="247"></td>
            <td width="267"><img src="img/header02.gif" alt="Découvrez nos assurances camping !" style="display:block;" border="0" width="267" height="247"></td>
        </tr>
        </table>

  </td>
</tr>
<tr>
  <td>
  
      <table width="800" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="93" height="30">&nbsp;</td>
          <td width="44">&nbsp;</td>
          <td width="553">&nbsp;</td>
          <td width="110">&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>
          <span class="texte">
Chers agents, <br><br>
Vous assurez aujourd’hui des campings, si vous avez des difficultés à placer vos contrats nous vous proposons tout notre savoir-faire sur les garanties campings et l’ensemble des risques liés aux aléas climatiques 
<br><br>
Nos 3 compagnies françaises partenaires vous garantissent une solution fiable, et nous permettent de tarifer des risques situés dans des zones «difficiles».
			<br>
            &nbsp;
          </span>
          </td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td valign="top"><img src="img/picto01.jpg" alt="Creative solutions" style="display:block;" border="0" width="35" height="15"></td>
          <td>
          		<span class="texte-bleu">Vous souhaitez obtenir un devis ?<br></span>
                <span class="texte">Remplissez le questionnaire ci-joint et recevez notre proposition en 24H00 !</span>
          </td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td height="34">&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>
                <table border="0" cellpadding="0" cellspacing="0" width="553">
                    <tr>
                      <td width="200" valign="top">
                      	<span class="texte">
	                        <strong>Contactez xxx </strong>  <br>
	                        xxxx<br>
	                        xxxx		  <br>
                      	</span>
                      </td>
                      <td width="153">&nbsp;</td>
                      <td width="200" valign="top" align="right">
                      	<span class="texte">
	                        <span class="texte-bleu">en bref :</span>			<br>
	                        <span class="texte-bleu">•</span> 25 ans d’expérience dans l’HPA<br>
	                        <span class="texte-bleu">•</span> 550 campings assurés 			<br>
	                        		<br>
	                        <span class="texte-bleu">•</span> 3 compagnies partenaires		<br>
                      	</span>
                      </td>
                    </tr>
                </table>
          </td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
        </tr>
        </table>
  
  </td>
</tr>
<tr>
  <td>
  	
        <table border="0" cellpadding="0" cellspacing="0" width="800">
            <tr>
              <td width="398"><img src="img/footer-left.jpg" alt="Creative solutions" style="display:block;" border="0" width="398" height="239"></td>
              <td width="199">&nbsp;</td>
              <td width="203" valign="bottom"><img src="img/footer-right.jpg" alt="Creative solutions" style="display:block;" border="0" width="203" height="73"></td>
            </tr>
        </table>
    
  </td>
</tr>

<tr>
  <td height="39" align="center"><a href="#" class="desabonner"><span class="desabonner">Se désabonner</span></a></td>
</tr>
</table>
    
</body>
</html>

baud74 · 22 Juillet 2014

on n'utilise plus de <table> pour faire de la mise en page dans un site web, maintenant, pour une newsletter, la sémantique, c'est pas bien important.

cedr!k · 22 Juillet 2014

Milles excuses, je me suis complètement trompé, je ne voulais pas parler de sémantique mais plutôt de validation HTML.

Pour être plus clair, ma cliente envoie elle-même cette newsletter, mais elle la reçoit avec le texte complètement décalé.
Le prestataire me dit que ça vient du code, une idée?
(balise mal fermée ou mal imbriquée??)

baud74 · 22 Juillet 2014

le code est valide.
après, pour avoir la même rendu dans tous les visionneurs d'email, c'est pas évident.

UsagiYojimbo · 22 Juillet 2014

Pas mal d'éléments CSS ne sont pas pris en compte (et encore, ça peut varier d'un webmail / client à un autre).

CF : https://www.campaignmonitor.com/css/

cedr!k · 23 Juillet 2014

Merci pour vos retours.

En fait, mon développement emailing n'a pas d'erreur.
Mais l'emailing ne s'affiche pas correctement sur Outlook2013 de la cliente.

Je commence à croire que le prestataire d'envoi (que je vais finir par nommer car c'est très connu) ment délibérément à la cliente en lui disant que c'est un problème de mon côté.
Et s'il prend cette peine de lui mentir, c'est pour récupérer le développement de cette newsletter avec un prix que j'estime être très élevé.

En gros, ils essayent de me faire passer pour un mauvais. Soit disant qu'ils savent ce qu'il ne va pas dans le développement mais ne veulent pas le dire.
Bref, je vous remercie tout de même. Mon histoire va se régler car la cliente se range de plus en plus de mon côté.

cedr!k · 23 Juillet 2014

PS: C'est normal que je puisse pas éditer mon premier post?
J'aurai modifié le titre pour remplacer ce terme "sémantique" pour que ça ne porte pas à confusion.

Marie-Aude · 23 Juillet 2014

Oui c'est normal de ne pas pouvoir éditer, c'est dans les "règles" (en haut à droite) tu as une heure pour éditer

En ce qui concerne ton problème, à partir du moment où le prestataire n'a pas modifié ton code, je le vois mal sélectionner volontairement les destinataires ayant Outlook 2013 pour faire en sorte qu'il s'affiche mal, et donc, effectivement, le problème est dans la source (donc de ton côté). C'est très facile à vérifier en regardant le code source du message reçu par ta cliente et en le comparant avec ton code source.

La réalisation d'un template qui s'affiche correctement dans tous les clients mails est difficile, on est bien au delà des différences entre les navigateurs, c'est pour cela que cela coute cher.

Corriger un template est une prestation de service. Ce n'est peut être pas super élégant de leur part de ne pas te dire ce qui ne va pas, mais c'est de bonne guerre.

cedr!k · 23 Juillet 2014

Finalement, je vais m'expliquer plus clairement sur la situation, ça argumentera mes précédents post.
(attention c'est long

En fait, pour simplifier les choses, j'avais dit dans mon 1er post que c'était le "prestataire" qui s'occupait de l'envoie de la newsletter.
Mais ce n'est pas tout à fait vrai.

C'est la cliente qui envoie elle-même sa newsletter (elle a l'habitude) avec un logiciel prévu à cet effet, bien connu.
Se rendant compte qu'il y avait un problème inhabituel dans l'affichage de sa newsletter, elle a décidé de poser la question au support de la société éditrice du logiciel. (que j'ai appelé "prestataire" pour ne pas m'étaler en hors sujet..

Et c'est ce support qui a dit (en gros) "ah mais c'est de la merde, ya pleins d'erreurs c'est normal d'avoir des pb! Vous avez cas faire appel à nos services!"

En sachant que je ne code pas avec les pieds, je trouve que NON, c'est pas très correct de leur part de ne pas aider LEUR cliente (oui parce que c'est une cliente vu qu'elle paye leur logiciel)
Si cette news était mal codée, je veux bien me faire abattre devant ma cliente, mais c'est pas le cas donc ça m'a énervé.

Hier soir, quand j'ai posté mon 1er post ici, j'étais en mode panique "putain j'ai une erreur dans mon dev, c'est la honte je ne la trouve pas!" Donc j'ai fait appel à vos avis.
Aujourd'hui, je pense qu'il n'y a pas d'erreur majeure, que le bug d'affichage sur Outlook est dû à, soit :
- un mauvais paramètre de la cliente sur son logiciel
- une mauvaise interprétation d'un bout de code
- d'un caractère invisible (copié/collé) qui fout la merde
(je suis en train de faire différents tests avec la cliente, pas très réactive ce matin, pour m'éclairer)

Enfin, le code de la newsletter n'a pas bougé en réception.

En tout cas, sauf si quelqu'un me dit "à cet endroit précis tu peux modifier ton code pour un affichage plus optimisé sur les clients mail", vous avez répondu à ma question initiale qui était de savoir s'il y avait une coquille dans mon code. Merci.

UsagiYojimbo · 23 Juillet 2014

cedr!k a dit:
En sachant que je ne code pas avec les pieds, je trouve que NON, c'est pas très correct de leur part de ne pas aider LEUR cliente (oui parce que c'est une cliente vu qu'elle paye leur logiciel)

Tout dépend du contrat d'utilisation du logiciel hein. Si le prestataire propose en sus des prestations pour l'intégration des newsletter, ça n'a rien de surprenant.

cedr!k · 23 Juillet 2014

UsagiYojimbo a dit:
Tout dépend du contrat d'utilisation du logiciel hein. Si le prestataire propose en sus des prestations pour l'intégration des newsletter, ça n'a rien de surprenant.

Ben l'histoire dira que si, car la cliente vient de me dire qu'elle a résolu le problème d'affichage et sans rien changer au code.
il y avait bien un réglage qui bloquait sur son logiciel.

Un accompagnement du support de la société aurait été apprécié puisqu'il sert à ça .. plutôt que de me rejeter la faute.
(j'ai passé pas loin de 4H hier soir à chercher une erreur inexistante) :evil: :evil:

Je ne suis pas près de faire de la pub pour leur logiciel.