Balise <a> sur toute une td

Version imprimable

Bonjour à tous,

Je cherche à faire un mail :
Pour le réaliser je dois donc tout faire en table et j'aimerais mettre un lien en width et height à 100% de la td.
Le problème est que si je le met en display : block ou inline-bloc, le v-align="middle" ne fonctionne plus et le texte ce recolle en haut du td .

Y'a t'il un moyen de centrer le text tout en mettant une width et height en 100% ?
Code:

1 2 3 4 5 6 7 8 9 <td width="620" height="129" style="border-collapse: collapse;border-spacing: 0;margin: 0;padding: 0;border-image-width: 0 0 0 0;font-weight:normal;text-align: center;cursor:pointer;"> <a href="#" style="text-decoration : none; width:620px; height:129px"> <span style="font-family:'Arial'; font-size:27px; color:#000000; font-weight:bold;text-align:center;"> TEXTE DU LIEN </span> </a> </td>
Merci à tous de votre aide

24/05/2013, 18h25
rodolphebrd

Bonjour,

remplacez le height par un line-height:129px avec un display:inline-block

Bonjour,
tu peux déjà te passer du SPAN, ensuite tu mets ta balise A en display:block et tu ajoutes une line-height:129px, hauteur de ta cellule.

Code:

1
2
3
4
5
<td width="620" height="129" style="border-collapse: collapse;border-spacing: 0;margin: 0;padding: 0;border-image-width: 0 0 0 0;font-weight:normal;text-align:center;cursor:pointer;">
  <a href="#" style="text-decoration:none;font-family:'Arial';font-size:27px;color:#000000;font-weight:bold;text-align:center;display:block;background:#EEF;line-height:100%;">
	  TEXTE DU LIEN
  </a>
</td>

24/05/2013, 18h44
rodolphebrd

tiens on dirait qu'on est d'accord...:)
24/05/2013, 18h53
NoSmoking

Citation:

Envoyé par rodolphebrd

tiens on dirait qu'on est d'accord...:)

cela doit donc être une bonne réponse :mouarf:
24/05/2013, 19h05
rodolphebrd

je suis tout petit moi...:fleur:
24/05/2013, 19h35
goku19

Merci pour vos réponse, cependant je ne peux pas utilisé de line-height car il n'est pas compatible avec ie6 et 7 ...
24/05/2013, 19h53
rodolphebrd

non : http://torgar.developpez.com/glossai...=page_1#LI-B-6
29/05/2013, 09h13
gwena54

En même temps si tu crée un mail peu importe que ça ne soit ps compatible avec ie6 ou 7, non? (et en l'occurrence c'est compatible)
29/05/2013, 13h34
Vil'Coyote

Citation:

Envoyé par gwena54

En même temps si tu crée un mail peu importe que ça ne soit ps compatible avec ie6 ou 7, non? (et en l'occurrence c'est compatible)

tu oublie les webmail comme yahoo, gmail etc ... qui peuvent être consulté par ton navigateur internet et non ton logiciel de messagerie donc la compatibilité est quand même nécessaire.

Salut,
Je pense que tu peut aussi utiliser du javascript avec l'événement "onclick" sur ta balise td (compatible avec ie), exemple :
Code:

1 2 3 4 5 6 <td width="620" height="129" style="border-collapse: collapse;border-spacing: 0;margin: 0;padding: 0;border-image-width: 0 0 0 0;font-weight:normal;text-align: center;cursor:pointer;" onclick="document.location='lien_vers_ta_page"> <span style="font-family:'Arial'; font-size:27px; color:#000000; font-weight:bold;text-align:center;"> TEXTE DU LIEN </span> </td>
Voilà, en éspèrant t'avoir aidé @+

30/05/2013, 19h16
NoSmoking

Citation:

Envoyé par goku19

Je cherche à faire un mail :

alors le javascript :mur: ne passera pas.