Équivalent à flotter dans Outlook
Je suis en train de float: left
quelques tables, mais juste rencontré un problème majeur, outlook ne prend pas en charge float. Bien, alors j'ai essayé d'utiliser le tableau aligner et ainsi de suite, mais sans succès. Les tables tout simplement, sous les uns des autres, au lieu de les uns à côté des autres. Tout ce qu'on peut faire à ce sujet?
PS: il fonctionne sur d'autres appareils très bien, son seul Outlook, et je ne peux pas donner à chaque table un td, car il va casser quelques autres trucs.
balisage:
<table class="products">
<tr>
<td align="left" class="test">
<!-- Product 1 -->
<table align="center">
<tr>
<td class="product">
<a href="#">
<img src="#"/>
</a>
</td>
</tr>
</table>
<!-- Product 2 -->
<table align="center">
<tr>
<td class="product">
<a href="#">
<img src="#"/>
</a>
</td>
</tr>
</table>
<!-- Product 3 -->
<table align="center">
<tr>
<td class="product">
<a href="#">
<img src="#"/>
</a>
</td>
</tr>
</table>
<span class="clear"></span>
</td>
</tr>
</table>
source d'informationauteur Thomas Teilmann
Vous devez vous connecter pour publier un commentaire.
Définir votre largeurs sur chaque table aligné à l'aide width="", pas de CSS.
Un exemple qui fonctionne:
Aussi, Outlook met 4-5 pixel d'écart entre les tables alignées. L'ajout de cette garnitures à propos de 1px:
Pour se débarrasser d'elle complètement, vous devrez ajouter des bordures à vos tables (une autre perspective caprice hack).
Viens de mettre tous les sous-
table
dans untd
de l'extérieurtable
. comme letd
's sont d'ailleurs les uns des autres, latable
s sera trop.Lorsque vous essayez de créer le HTML-e-Mails, Code comme il est de 1997.
Si vous pouvez vivre avec le fait d'avoir 2 tables de ne pas "répondre" (l'un sous l'autre) dans Outlook, cela a fonctionné pour moi:
Utilisation des ressources en ligne telles que:
Comment le Code HTML des Emails
Quand il s'agit de rendu HTML, la plupart des clients de messagerie sont primitifs et casser beaucoup de bien formée d'éléments HTML.
Les discussions suivantes peuvent être utiles:
Quelles lignes directrices pour les mails HTML de conception?
Quelques conseils de base:
Il semble Outlook.com filtre
float
attributs complètement, mais prend en chargedisplay: inline-block
.Bien sûr, ce sera plus probablement briser vos tables, car ils dépendent de
display:table
, mais il peut vous aider avec toutdiv
s.