I've been struggling getting a table to behave for an html email (which will end up with inline css). I'd like one table above the footer to be centered and stretch 466px wide, but it keeps pushing further out. I appreciate any help.
Here's a live example: http://www.lookoutcreative.com/OEC/fork/
And here's the code for this section:
<tr> <td class=\"sub-content\"> <table width=\"466\" border=\"0\" cellpadding=\"0\" cellpadding=\"0\" align=\"center\"> <tr> <td class=\"lblock\" valign=\"top\"> <table width=\"200\" border=\"0\" cellpadding=\"0\" cellpadding=\"0\" align=\"center\"> <tr> <td><p class=\"sub-content\">Digging for more?</p> <p class=\"desc\"><span style=\"color: #faca90;\">Question:</span> In facilisis ante ut justo vestibulum eu laoreet enim posuere?</p> <p class=\"desc\"><span style=\"color: #faca90;\">Answer:</span> Curabitur sed arcu augue, eu fermentum risus. Proin at sapien id mauris pulvinar eleifend ac vel felis. Fusce sagittis odio nec turpis ornare pellentesque. Ut a turpis purus.</p> <p class=\"question\">Got a question? <a href=\"#\">Click here</a> to ask us.</p></td> </tr> </table> </td> <td class=\"rblock\" align=\"right\" valign=\"top\"> <table width=\"200\" border=\"0\" cellpadding=\"0\" cellpadding=\"0\" align=\"center\"> <tr> <td><p class=\"sub-content\"><a href=\"http://www.oeconline.org/donate\">Join OEC today!</a></p> <p class=\"desc\">Suspendisse eleifend, felis vitae adipiscing mattis, elit elit posuere elit, eu posuere massa quam vitae nibh. Donec tincidunt magna sed urna bibendum id ullamcorper tortor dignissim. Vivamus consequat massa eu eros convallis luctus. Donec et elit diam.</p><a href=\"http://www.oeconline.org/donate\"><img src=\"http://www.oeconline.org/images/enews-images/fork/join-btn.png\" alt=\"join-btn\" width=\"189\" height=\"40\" border=\"0\" /></a></td> </tr> </table> </td> </tr> </table> </td> </tr>
You need to have the background property of "sub-content" apply to the TABLE, not the <td> before it. So, remove the background property from "sub-content" and paste it into the <table>:
<table width="466" style="background: #855525;" cellpadding="0" border="0" align="center">
Here's a live example: http://www.lookoutcreative.com/OEC/fork/
And here's the code for this section:
Also here's what I'd like it look like:
http://www.lookoutcreative.com/OEC/fork/images/box.jpg
You need to have the background property of "sub-content" apply to the TABLE, not the <td> before it. So, remove the background property from "sub-content" and paste it into the <table>:
<table width="466" style="background: #855525;" cellpadding="0" border="0" align="center">