Cellule de table d'espacement de texte

J'ai créé une table en html pour un email (FYI ce n'est pas pour du spam, il doit être utilisé en interne dans l'organisation pour laquelle je travaille). CSS est à peu près hors de question puisque nous utilisons Outlook et Office 2007 (ce qui ne rendra pas le CSS correctement - rien n'a fonctionné sur ce front). J'ai 2 cellules côte à côte - l'une a une image de fond avec le texte sur le dessus, l'autre a un fichier utilisant une balise h1 que j'ai créée. Problème: lorsque je saisis un titre à deux lignes dans la cellule adjacente à celle avec la photo d'arrière-plan, l'espacement sur le bas est si grand que l'image d'arrière-plan en reproduit une partie verticalement (même si le texte cellule adjacente n'est pas plus grande que la photo). J'ai essayé de spécifier le rembourrage, mais cela ne change rien.Cellule de table d'espacement de texte

Ma règle pour la balise h1 ressemble à ceci:

td.leftCol h1 { 
color: #003152; 
font-size: 0.9em; 
}

Le code pour les cellules en question est la suivante:

<tr bgcolor="#FFFFFF"> 
<td width="150px" height="42px" class="leftCol" background="/news/newsletters/images/leftcol_box.gif" align="right"><font color="#FFFFFF"><strong>Text&nbsp;&nbsp;</strong></font></td> 
<td width="298px" class="leftCol" style="padding: 5px 0px 0px 0px;"><h1>New Medical School in New Brunswick</h1></td> 
</tr>

Toutes les suggestions?

Source

2009-11-27 Tree

BTW ne pas utiliser une unité sur HTML hauteur 'width' /' ', il s'agit toujours de pixels entiers, contrairement à CSS. Normalement, vous n'utiliserez pas du tout le HTML, mais bien sûr, avec le courrier HTML, tous les paris sur les bonnes pratiques sont désactivés ... – bobince

Lorsque vous utilisez une image backround dans une cellule de tableau, vous devez spécifier à la fois w et h ou il ne rend pas correctement. – Tree

Si vous avez même image pour toutes les lignes, mettre en classe css comme ci-dessous

background-image: url("http://yoursite/news/newsletters/images/leftcol_box.gif"); 

background-repeat: no-repeat;

Source

2009-11-27 23:08:06 Saar

Unfortunatly, au moins Outlook 2007 ne tient pas compte tous background related CSS-Tags et de mon expérience, rend les marges/rembourrages totalement différent ou non .

Essayez de créer le code HTML dans Word s'il est possible, au moins Outlook07-10 et Word partagent le même moteur de rendu :)

Source

2009-11-28 00:23:59 stwienert

Cellule de table d'espacement de texte

Répondre

Questions connexes