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

[rodolphebrd]

non : http://torgar.developpez.com/glossai...=page_1#LI-B-6

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

[Vil'Coyote]

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.

[pinguix]

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

Code :

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

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é @+

[NoSmoking]

Je cherche à faire un mail :

alors le javascript ne passera pas.