Les e-Mails HTML: table de prise de cliquable à l'aide de <a href>
Je construis un e-mail HTML et souhaitez faire de l'ensemble d'un tableau interactif.
J'ai déjà venir avec une solution d'activer JavaScript pour ce faire, ce qui fonctionne parfaitement, cependant je préfère juste envelopper la table dans les étiquettes et ne pas utiliser de JavaScript.
<a href="#">
<table border="0">
<tr>
<td style="width: 100px; height: 100px">
</td>
</tr>
</table>
</a>
Cela fonctionne assez bien dans Firefox, même si elle n'est pas valide HTML étant donné que je suis en joignant un élément de niveau bloc () au sein d'une ligne d'un ().
Je suis actuellement n'ont pas les moyens de le tester sur toutes les plateformes de messagerie de sorte voudrais savoir si il y a toute les plateformes de messagerie qui ne seront pas à l'appui de cette démarche?
Toute aide serait grandement appréciée.
Si quelqu'un est à la recherche d'une solution d'activer JavaScript pour réaliser la même fonction, alors voici une ci-dessous:
<html>
<head>
<title></title>
<script type="text/javascript">
function link(url){
alert("url is "+url);
}
</script>
</head>
<body>
<table style="background-color: red" border="0" onclick="link('test url');" onmouseover="this.style.cursor='pointer';">
<tr>
<td style="width: 100px">This is a </td>
<td style="width: 100px; background-color: blue">test </td>
<td style="width: 100px">table </td>
</tr>
</table>
</body>
</html>
Je ne peux pas parler pour l'OP, mais c'est une façon de coder les e-mails parce que vous souffrez de problèmes tels que l'image de blocage, le manque de soutien ou de contradiction rendu sur les balises comme
<div>
s. De Plus, les gestionnaires du marketing qui souhaitent fréquemment maximum la zone cliquable " - le but d'un courriel est souvent juste pour obtenir que le nombre de clics que possible, de ne pas agir comme un référentiel d'information.+1 Blowski, merci pour la clarification.
Double Possible de Comment puis-je faire un lien à partir d'un <td> cellule de tableau
OriginalL'auteur user1180733 | 2012-01-31
Vous devez vous connecter pour publier un commentaire.
Cela fonctionne dans Firefox, car en HTML5, vous pouvez placer un lien autour d'un élément de type block (dont un
<table>
est).Dans des e-mails, toutefois, vous êtes coincé avec HTML4, un très petit sous-ensemble de celui-ci. Ceci inclut l'utilisation de JavaScript qui ne fonctionne pas dans Gmail, Yahoo, Outlook et tous les autres gros clients de messagerie.
Donc, vous avez deux options:
De ces liens peut vous aider à:
Alors, enveloppant le même lien autour de plusieurs morceaux de texte est vraiment votre seul choix. Vous pouvez utiliser de grands
line-heights
et assurez-vous que tout texte que vous utilisez s'affiche comme un élément de bloc, pour minimiser l'espace n'est pas cliquable " problème.Le JavaScript ne fonctionne pas dans 99% des cas, et nuire à votre délivrabilité. Je ne voudrais pas l'utiliser du tout.
En outre, à l'adresse de "l'espace n'est pas cliquable" le problème, j'ai trouvé que l'ajout de gauche/droite de rembourrage pour un <a/> dans un <td> qui est en haut/bas / rembourrage d'environ la même taille créé une belle grande zone cliquable, qui a élargi passé le texte actuel. Pour moi, cela a contribué à plus de la grande ligne-heights.
OriginalL'auteur Dan Blows
Vous ne serez pas en mesure d'utiliser le javascript dans un e-mail... de Tous les styles ont besoin pour être en ligne, aussi pas de javascript, des clients de messagerie ne sera pas rendu.
OriginalL'auteur Drew Dahlman
Vous ne pouvez pas faire un
<a>
autour d'une table. Ce que vous devez faire<a>
s à l'intérieur de chaque td.J'ai juste fait cela pour un client, et l'a testé dans Outlook 2010, donc je sais que cela fonctionne;
Si elle a du texte, rendre le texte cliquable.. vous pouvez fixer le souligner avec style="text-decoration:none;". Dans les autres domaines, je voudrais juste mettre un gif transparent. Cependant, le gif doit être de la largeur et de la hauteur de ce champ dans la table... sinon ça ne marcherait pas.
Pas élégant.. mais il fonctionne.
Maintenant, puisque vous POUVEZ utiliser un arrière-plan de la table (également dans outlook.. il y a quelques sources avec le code disponible pour cela), vous pouvez le faire aussi chic que vous aimez...
OriginalL'auteur Malachi
ce n'est pas que vous voulez que la table entière cliquable son que vous voulez que votre tag a href superposées sur votre table.
voici un exemple rapide à l'aide de la table que vous avez fournis.
OriginalL'auteur nate_weldon