30 June 2014

Fixed-width email or e-newsletter (example)



<table width="100%" border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td bgcolor="#D98200">&nbsp;</td>
    <td bgcolor="#D98200" style="width:600px">&nbsp;</td>
    <td bgcolor="#D98200">&nbsp;</td>
  </tr>
  <tr>
    <td bgcolor="#D98200" style="border-bottom: solid 2px #d98200">&nbsp;</td>    <!--Without this border-bottom style, there would be a white line at the bottom of this first column, because the second column has a 2px border in colour #c17402 -->
    <td style="width:600px; border-right: outset 2px #c17402; border-bottom: outset 2px #c17402">
        <table width="600px" border="0" cellspacing="0" cellpadding="5" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 12px">
              <tr>
                <td>CONTENTS</td>   <!--Contents of e-newsletter is actually here-->
              </tr>
        </table></td>
    <td bgcolor="#D98200" style="border-bottom: solid 2px #d98200">&nbsp;</td>    <!--Without this border-bottom style, there would be a white line at the bottom of this third column, because the second column has a 2px border in colour #c17402 -->
  </tr>
  <tr>
    <td bgcolor="#D98200">&nbsp;</td>
    <td bgcolor="#D98200" style="width:600px">&nbsp;</td>
    <td bgcolor="#D98200">&nbsp;</td>
  </tr>
</table>


No comments:

Post a Comment