code works fine in gmail , apples mail client outlook driving me crazy.
<table cellpadding="0" width="600" align="center" valign="top" style="padding-bottom:10" style="min-width:600px;"> <tr> <td> <span style="font-family:tahoma; background-color:#81daf5; font-size:35px;"><i>text</i> </span> </td> <td> <table align="right"> <tr> <td align="right"> <span style="background-color:#ffffff; font-size:14px; font-family:verdana, geneva, arial, helvetica, sans-serif"><i>text</i></span> </td> </tr> <tr> <td align="right"> <span style="background-color:#ffffff; font-size:14px; font-family:verdana, geneva, arial, helvetica, sans-serif"><i>text</i></span> </td> </tr> </table> </td> </tr> </table>
i want entire table have min width of 600px in outlook text begins wrap when shrink window size.
min-width isn't supported outlook.
you have span , table sitting within table cell. use different cells each part. basic example:
<table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="center"> <!-- center panel --> <table width="600" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="400"> <span style="font-family:tahoma; background-color:#81daf5; font-size:35px;"> <i>text</i> </span> </td> <td width="200" style="font-size:14px; font-family:verdana, geneva, arial, helvetica, sans-serif"> <!-- nested stack 2 rows, use br's or rowspans if preferred --> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td align="right"> <i>text</i> </td> </tr> <tr> <td align="right"> <i>text</i> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table>
Comments
Post a Comment