2012-02-07 5 views
2

J'ai créé un e-mail HTML qui s'affiche très bien dans tous les clients de messagerie que j'ai testé, attendez-vous à Hotmail. Hotmail pour une raison quelconque, est de dépouiller mes styles de bordure CSS et ne pas les afficher.CSS frontières dans Hotmail

J'ai inclus une partie du code qui a la frontière là-dessus:

<td bgcolor="white" width="121" style="background: #ffffff; height: 25px; border-bottom: 1px solid lightgray; border-bottom: 1px solid #dcdcdc;">TEST DATA</td> 

J'ai mis le style de la TD, mais il n'apparaît pas. J'ai aussi essayé le code ci-dessous, mais cela ne fonctionne pas non plus:

<td bgcolor="white" width="121" style="background: #ffffff; height: 25px; border-bottom: 1px solid; border-color: rgb(220, 220, 220);">TEST DATA</td> 

Est-ce que quelqu'un sait comment obtenir les frontières CSS à afficher dans Hotmail comme affichiez bien dans d'autres clients de messagerie.

Toute aide serait grandement appréciée.

Répondre

0

Mettez un DIV dans le TD et le style de la DIV à la place.

Voici un guide pratique sur les restrictions CSS Email:

http://www.campaignmonitor.com/css/

+0

Merci pour votre réponse. C'est ce que j'ai fait. J'ai essayé de mettre la div dans le td comme ceci:

DATA
, mais cela ne fonctionnait toujours pas dans Hotmail. C'est le seul client de courrier électronique dans lequel la bordure ne fonctionne pas. – Triforce

+0

OK, cliquez sur la grosse coche à gauche pour accepter cette réponse. –

0

Une chose que vous pouvez essayer est d'utiliser aucun des style frontière sténographie, par exemple au lieu de:

border-bottom:1px solid; 

Essayez

border-bottom-width:1px; 
border-bottom-style: solid; 
+0

J'ai maintenant essayé ceci: DATA, mais il ne fonctionne toujours pas dans Hotmail . Est-ce que quelqu'un sait d'autre chose que je peux essayer? – Triforce

+0

Au lieu d'écrire la couleur en hexadécimal (#dcdcdc), j'ai essayé de l'écrire en mots (lightgray). Les frontières fonctionnent maintenant dans Hotmail, mais ont cessé de fonctionner dans Outlook 2010. – Triforce

+1
0

essayer: border = "1"

Est-ce que le travail en hotmail?

0

Si aucune des solutions de bordure ne fonctionne, avez-vous essayé de créer une "fausse" bordure en utilisant la propriété d'arrière-plan CSS? C'est un travail cosmétique.

background: #fff url('fakeBorder.gif') no-repeat right; 

Espérons que cela aide.