Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design HTML Email Design Coding HTML Email Building Common Design Patterns

Posted by Seketha Peak
Seketha Peak
1,502 Points

hi I have been following everything my pictures under Support square gallary are sized wrong or not looking good

here is my HTML

<html xmlns="http://www.w3.org/1999/xhtml> <head> <meta http-equiv="Content-Type" content=text/html; charset-UTF-8/> <title></title> <style type="text/css"> </style> </head> <body> <center> <table border="0" cellpadding="0" height=100%" id="bodyTable"> <tr> <td align="center" valign="top" id="bodyCell <table border="0" cellpadding="0" cellspacing="0" width="100%" id="emailContainer"> <tr> <td align="center" valign="top" id="HeroImageContainer"> <img src="img/in_the_conservatory.jpg" alt="In the Conservatory, by Edoward Manet" height="415" width="520" id="heroImage"/>

    </td>
</tr>

<tr>
    <td align="center" valign="top" id="introductionContainer">
        <table border="0" cellpadding="0" cellspacing="0" width="520" id="introductionBlock">
            <tr>
                <td align="center" valign="top">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td align="center" valign="top" class="introductionLogo">
                <a href="#" target="_blank" title="square gallery"><img src="img/logo.png" alt="square gallery" height="165" width="150"/></a>
</td>
<td align="left" valign="middle" class="introductionHeading">
    presents
    <br/>
    <h1>The Works of Edoward Monet</h1>
</td>
</tr>

</table> </td> </tr> <td> <tr> <td align="left" valign="top" class="introductionContent"> Starting on October 12 and running for three weeks, square gallery is proud and excited to display a selection of 6 pieces of the work of Edoward Monet, the French master painter of the great Impressionist and Realist movements of the 17th century. </td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top" id=callToActionContainer"> <tr> <td align="center" valign="top" class="callToActionContent"> <h3>The Works of Edoward Monet:<br/> A Live Tour With Clemence Rousseou</h3> <br/> Friday nights at 8:00PM throughout the exhibition,French art critic and Monet expert Clemence Rousseau will be examining the 6 pieces featured providing deep insights into Monet's genius and his beautiful artwork.Register early,as space is limited. </td> </tr> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" class="callToActionButton"> </td> </tr> </table> </td> </tr> </table> </td> </tr>

<tr>
  <td align="center" valign="top" id="eventContainer">
    <table border="0" cellpadding="0" cellspacing="0" width="600" id="eventBlock">
      <tr>
        <td align="center" valign="top" id="eventBlockCell">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td align="left" valign="top" class="eventBlockHeading">

</td> </tr> <tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="110" class="eventBlockCalendar"> <tr> <td align="center" valign="top" class="eventBlockMonth"> Nov </td> </tr> <tr> <td align="center" valign="top" class="eventBlockDay"> 7 </td> </tr> </table> </td> </table> </td> <td align="left" valign="top" class="eventContent"> <h3>LocalArTlanta</h3> <strong>Running November 7 through December 14</strong> <br/> An exhibition of Atlanta's finest local artist in broad selection of media ranging from painting to sculture to performance art. </td> </tr> </table> </td> <tr> <td align="center" valign="top" id="merchandiseContainer"> <table border="0" cellpadding="0" cellspacing="0" width="600" id="merchandiseBlock"> <tr> <td align="center" valign="top" id="merchandiseBlockCell"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="left" valign="top" class="merchandiseBlockHeading"> <h2>Support square gallary</h2> </td> </tr> <td align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top" width="50%" class="merchandiseBlockLeftColumn"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <img src="img/berthe_morisot.png" height="150" width="100%" class="merchandiseContent"> Art Print: <br/> <strong>Berthe Morisot With A Bouquet of Violets</strong> <br/> 11"x7"- $29.99 <br/> <br/> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="merchadiseButton"> <tr> <td align="center" valign="middle" class="merchadiseButtonContent"> <a href="#" target="_blank" title="">Purchase</a> </td> </tr> </table> </td> </tr> </table> </td> <td align="center" valign="top" width="50%" class="merchandiseBlockRightColumn"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" valign="top"> <img src="img/logo_tshirt.png" height="110" width="150w75 class="merchadiseImage"/> </td> <td align="left" valign="top" width="100%" class="merchandiseContent"> T-Shirt: <br> <strong>square gallary Logo Tee</strong> <br/> 8 Sizes - $19.99 <br/> <br/> <br/> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="merchadiseButton"> <tr> <td align="center" valign="middle" class="merchadiseButtonContent"> <a href="#" target="_blank" title="">Purchase</a> </td> </tr> </table> </td> </table> </td> <tr> <td align="center" valign="top" id="footerContainer"> <table border="0" cellpadding="0" cellspacing="0" width="600" id="fooyerBlock"> <tr> <td align="center" valign="top" class="footerContent"> <strong>As always, everyone at square gallery thanks you <br/> for your support. We couldn't exist without you</strong> </td> </tr> <tr> <td align="center" valign="top" class="footerContent"> ©2013 square gallery. • Atlanta,Georgia 30318 <br/> <br/> <a href="#" target="_blank">unsubscribe from list</a>    <a href="#" target="_blank">set email preferences</a>    <a href="#" target="_blank">view in browser</a> </td> </tr> </table> </td> </tr> </table> </center> </body> </html>

1 Answer

Gari Merrifield
Gari Merrifield
9,598 Points
Gari Merrifield
Gari Merrifield
9,598 Points

First, you really need to get that ALL in the wrappers for the code, pieces of it in code markers leave the rest still unreadable.

Just as a small pointer though, <img src="img/logo_tshirt.png" height="110" width="150w75 class="merchadiseImage"/>

that width parameter is NOT closed properly, so the width and the class will be ignored, possibly a lot more after that.