Liens dans une newsletter html

[Ayumi]

Bonjour,

Je dois faire une newsletter html et j'ai bien compris qu'il était préférable de tout coder sous forme de tableaux avec du style en ligne, mais j'ai un problème pour certains liens.

Après avoir fais quelques recherches j'ai cru comprendre qu'on ne pouvait pas faire de lien sur une cellule. J'ai donc voulu faire le lien sur l'image qui est en background dans ma ligne mais ça ne fonctionne pas. Le lien se fait seulement sur l'image présente dans une des cellules de cette même ligne.

Où puis-je placer mon <a href=...> pour que le lien soit actif sur toute la ligne ?

Voici l'extrait du code en question :

<tr>
  <td valign="top"> 
    <table cellpadding="0" cellspacing="0" border="0" width="210" align="left" style="border-top-width: 2px; border-
    top-style: solid; border-top-color: #ffffff; border-bottom-width: 3px; border-bottom-style: solid; border-  
    bottom- color: #ffffff;">
      <tbody>
        <tr>
          <td valign="middle" height="49" width="210" bgcolor="#c2cad5" background="images/sidebar-title-2.jpg" 
          style="vertical-align:middle; border-left-width: 1px; border-left-color: #203b8c; border-left-style: 
          solid; border-right-width: 1px; border-right-color: #203b8c; border-right-style: solid; border-bottom-
          width: 1px; border-bottom-color: #203b8c; border-bottom-style: solid; border-top-width: 1px;  border-top-
          color:#203b8c; border-top-style: solid;">
            <table cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
              <tbody>
                <tr>
                  <td valign="top">
                    <h3 style="margin:0; margin-left: 17px; padding:0; font-size: 18px; font-weight: normal; 
                    color:#ebeef1;">
                   	<a style="margin:0; padding:0; color:#ebeef1; ">Inscription</a>
                    </h3>
                  </td>
                  <td valign="top" width="48">
                 	<img src="images/forward-email.png" style="margin: 0; display: block; margin-left: 5.5px;" />
                  </td>
                </tr>
              </tbody>
            </table>
          </td>
        </tr>
      </tbody>
    </table> 
  </td>
</tr>

Je vous remercie d'avance

[captain_torche]

Il faudrait faire en sorte que le lien prenne toute la taille de la cellule, via le CSS.

[Ernestine]

Salut,

Tu peux faire une croix sur la propriété background-image quand tu fais une newsletter. La plupart des clients de messagerie l'ignoreront purement et simplement. Même les gens qui cliqueront sur "Afficher les images" ne l'auront pas (ils auront juste les images insérées en dur avec <img src=...). Pour un background dans une newsletter (background d'une cellule ou autre), la seule chose possible, c'est une couleur unie.

[jcaron]

Ca n'a pas grand chose de spécifique à du mail, un <a> ne peut être qu'à l'intérieur d'une cellule, il ne peut pas contenir une cellule ou une rangée ou un tableau (ni plein d'autres choses). Si tu veux avoir le même lien sur toutes les cellules d'une rangée, il faut répéter le lien dans chaque cellule. Ensuite comme dit captain_torche, c'est une question de CSS pour savoir si ton lien va couvrir l'ensemble de l'intérieur de la cellule ou pas.

J'avoue que je ne comprends pas très bien comment tu pouvais essayer de mettre un lien sur un background, mais note au passage que les backgrounds ne sont pas forcément supportés par tous les clients mail. Aussi, de nombreux clients ignorent les images externes si le mail ne vient pas d'un utilisateur "reconnu" (dans le carnet d'adresse du destinataire par exemple).

Jacques.

[Ayumi]

Merci pour vos réponses.

Pour ce qui est des backgrounds, par précaution j'avais déjà mis une couleur unie en fond au cas où l'image ne passe pas.

Pour le lien je vais essayer de le mettre dans chaque cellule comme vous me le conseillez