Problème sémantique <table>

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par cedr!k, 22 Juillet 2014.

  1. cedr!k
    cedr!k Nouveau WRInaute
    Inscrit:
    29 Avril 2009
    Messages:
    29
    J'aime reçus:
    0
    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>
    
     
  2. baud74
    baud74 WRInaute impliqué
    Inscrit:
    21 Juillet 2014
    Messages:
    586
    J'aime reçus:
    0
    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.
     
  3. cedr!k
    cedr!k Nouveau WRInaute
    Inscrit:
    29 Avril 2009
    Messages:
    29
    J'aime reçus:
    0
    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??)
     
  4. baud74
    baud74 WRInaute impliqué
    Inscrit:
    21 Juillet 2014
    Messages:
    586
    J'aime reçus:
    0
    le code est valide.
    après, pour avoir la même rendu dans tous les visionneurs d'email, c'est pas évident.
     
  5. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 875
    J'aime reçus:
    72
  6. cedr!k
    cedr!k Nouveau WRInaute
    Inscrit:
    29 Avril 2009
    Messages:
    29
    J'aime reçus:
    0
    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é.
     
  7. cedr!k
    cedr!k Nouveau WRInaute
    Inscrit:
    29 Avril 2009
    Messages:
    29
    J'aime reçus:
    0
    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.
     
  8. Marie-Aude
    Marie-Aude WRInaute accro
    Inscrit:
    5 Juin 2006
    Messages:
    16 371
    J'aime reçus:
    2
    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.
     
  9. cedr!k
    cedr!k Nouveau WRInaute
    Inscrit:
    29 Avril 2009
    Messages:
    29
    J'aime reçus:
    0
    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.
     
  10. UsagiYojimbo
    UsagiYojimbo WRInaute accro
    Inscrit:
    23 Novembre 2005
    Messages:
    11 875
    J'aime reçus:
    72
    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.
     
  11. cedr!k
    cedr!k Nouveau WRInaute
    Inscrit:
    29 Avril 2009
    Messages:
    29
    J'aime reçus:
    0
    :)
    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.
     
Chargement...
Similar Threads - Problème sémantique <table> Forum Date
Problème sur les redirections de pages profondes URL Rewriting et .htaccess 4 Décembre 2019
Problème de référencement et ajout sitemaps Problèmes de référencement spécifiques à vos sites 26 Novembre 2019
Problème affichage des derniers articles wordpress page accueil Administration d'un site Web 20 Novembre 2019
Gestion de cookies problème directives CNIL. Administration d'un site Web 15 Novembre 2019
Search Console URL exclues : comment résoudre le problème ? Problèmes de référencement spécifiques à vos sites 15 Novembre 2019
Search Console Premier référencement et problèmes Débuter en référencement 11 Novembre 2019
Test d'optimisation mobile : Problèmes de chargement de la page Débuter en référencement 10 Novembre 2019
Problème sur une source Referral Googleads.g.doubleclick.net Google Analytics 7 Novembre 2019
Problème suite à redirection 301 URL Rewriting et .htaccess 4 Novembre 2019
Probléme avec un flux rss Demandes d'avis et de conseils sur vos sites 4 Novembre 2019
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice