HTML email - td not aligning properly -


i'm building html eblast. have on table lives inside of holds body copy. pushing outside of containing table. how can make sit inside container supposed be?

here's it's doing: http://zachkeller.net/annie_moses/index.html

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <head>   <title>the song of annie moses</title>    <style type="text/css">      #backgroundtable {       table-layout:fixed;       width: 650px;       background-image: url(images/background.jpg);     }    </style> </head>  <body>   <table border="0" cellpadding="0" cellspacing="0" height="750px" width="650px"   id="backgroundtable">     <tr>       <td align="center" valign="top" height="125px" width="650">         <img src="images/headline.png">       </td>     </tr>      <tr>       <td width="220px">         <table border="0" cellpadding="0" cellspacing="0" width="220px" height="375">           <tr>             <td>               <img src="images/cover.png">             </td>           </tr>         </table>       </td>        <td width="430px">         <table border="0" cellpadding="0" cellspacing="0" width="430px" height="375">           <tr>             <td>               <p>the song of annie moses tells of miraculous musical journey spanning 4 generations brought family julliard school , world stages, including carnegie hall. story 1 of god plowing path, , shaping music , message purpose. discover god has placed within of calling express know beauty , wonder.</p>             </td>           </tr>         </table>       </td>     </tr>      <tr>       <td align="center">         <img src="images/band.jpg">       </td>     </tr>      <tr>       <td align="center">         <p>the annie moses band christian family of juilliard trained musicians dedicated virtuosity in arts. add veteran, award-winning, song writing talents of parents, bill , robin wolaver, , have dynamic group roots in classical, pop, , jazz.</p>       </td>     </tr>   </table> </body>  </html> 

add colspan="2" <td> elements, take full width..

moreover html-code not @ all. 2 important things: html width-attribute don't need px after number. second thing is, creating full <table> 1 <p>-element.. don't know why doing this..

this full code, should work.. fixed other things, although it's still not perfect:

<html><head>   <title>the song of annie moses</title>    <style type="text/css">      #backgroundtable {       table-layout:fixed;       width: 650px;       background-image: url(images/background.jpg);     }    </style> </head>  <body>   <table border="0" cellpadding="0" cellspacing="0" height="750px" width="650px" id="backgroundtable">     <tbody><tr><td width="250"></td><td width="400"></td><tr>       <td align="center" valign="top" height="125" width="650" colspan="2">         <img src="images/headline.png">       </td>     </tr>      <tr>       <td>         <img src="images/cover.png">       </td>        <td>                <p>the song of annie moses tells of miraculous musical journey spanning 4 generations brought family julliard school , world stages, including carnegie hall. story 1 of god plowing path, , shaping music , message purpose. discover god has placed within of calling express know beauty , wonder.</p>        </td>     </tr>      <tr>       <td align="center" colspan="2">         <img src="images/band.jpg">       </td>     </tr>      <tr>       <td align="center" colspan="2">         <p>the annie moses band christian family of juilliard trained musicians dedicated virtuosity in arts. add veteran, award-winning, song writing talents of parents, bill , robin wolaver, , have dynamic group roots in classical, pop, , jazz.</p>       </td>     </tr>   </tbody></table>   </body></html> 

Comments

Popular posts from this blog

ios - UICollectionView Self Sizing Cells with Auto Layout -

node.js - ldapjs - write after end error -

DOM Manipulation in Wordpress (and elsewhere) using php -