Comment Faire un <td> Cliquable Comme un Lien (Sans Javascript)
Je suis en train d'écrire un peu de code pour l'envoi d'e-mails HTML. En raison de la non-standard de la nature des clients e-mail, je me suis limité à quelques jolies antédiluvien code (pas de Javascript, pas de vrd, pas de CSS raccourcis, etc.)
L'appel à l'action des boutons sont TDs mais jusqu'à présent, je n'ai pas été en mesure de faire de l'ensemble de bouton cliquable; le texte au milieu.
Le code est quelque chose comme
<table width="100%" border="0" cellpadding="0" cellspacing="20">
<tr>
<td align="center" valign="middle" width="33%" style="background-color:#6483c1; border:1px solid #44619a; border-radius:2px; padding-top:20px; padding-right:10px; padding-bottom:20px; padding-left:10px;">
<a href="http://littlehotels.co.uk/travelinsurance.php" target="_blank" style="color:#FFFFFF; text-decoration:none;"><font size="3" face="Arial, Helvetica, sans-serif" color="#ffffff"><b>Travel Insurance</b></font></a>
</td>
J'ai déjà essayé d'ajouter display:block
à la td style, mais cela ne fonctionne pas.
Suis-je en train d'essayer de faire l'impossible?
Avez-vous essayé de style de la
jusqu'à ce qu'un CSS écrou de réponses, essayez de régler votre
<a>
balise et de faire le td
invisible-ish? Je pense que vais finalement mieux travaillerjusqu'à ce qu'un CSS écrou de réponses, essayez de régler votre
<a style="line-height: 42px">
, ou une variation de auto
ou 100%
. Réglage de la line-height
une réponse commune pour "j'ai besoin de mon <span>'cliquable effets aussi pour travailler au-dessus & au-dessous de son texte." Préparer votre <a>
à la verticale du centre!OriginalL'auteur TrapezeArtist | 2015-09-02
Vous devez vous connecter pour publier un commentaire.
Vous ne pouvez pas faire un
<td>
cliquable sans JSAgrandir l'intérieur
<a>
taille - afin de couvrir la zone nécessaire,réglage c'est
display
àblock
pourrait aider.OriginalL'auteur Roko C. Buljan
Il y a un moyen, il n'est pas précisément ce que vous demandez, mais devrait vous donner ce que vous voulez - même dans Outlook! Vous étiez sur la bonne voie, mais le CSS stylings devrait être sur le tag de la place. La meilleure partie est qu'il y a un outil en ligne gratuit qui peut créer le code pour vous.
Aller à des boutons.cm et il va créer le code html et VML nécessaires pour vous donner entièrement bouton cliquable en HTML/CSS et pas seulement comme une image.
Ajout d'un code de sortie à partir de boutons.cm comme référence dans le cas où il n'est jamais descendu:
OriginalL'auteur Gortonington