Discussion :

[goku19]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[rodolphebrd]

Bonjour,

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

[NoSmoking]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

[rodolphebrd]

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

[NoSmoking]

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

cela doit donc être une bonne réponse

[rodolphebrd]

je suis tout petit moi...

[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 ...