HTML problem

I have this page > http://tinyurl.com/3wdnq9h

It has to be in tables because it's going out in email form. 2 parts of the table are blowing out for some reason and I cannot figure out why (see attachment)

any ideas?
problem.jpg
lvollmerAsked:
Who is Participating?
 
Tom BeckConnect With a Mentor Commented:
The rows at the bottom of your table are improperly aligned (correction in bold):


<table cellspacing="0" cellpadding="0" border="0" bgcolor="#f1f1e7" align="center" style="margin: 0pt auto;">
                    <tbody><tr>
                          <td width="10" bgcolor="#fafaf3">&nbsp;</td>
                          <td width="15" bgcolor="#f1f1e7">&nbsp;</td>
                        <td width="530" align="left">
                            <p style="margin: 0em; color: rgb(34, 183, 201); line-height: 100%; font-family: Georgia,Arial; font-size: 18px; font-weight: normal;"><br>Dear [-FirstName-],</p>
                            <p style="margin: 1em 0pt; font-size: 13px; font-family: Arial; color: rgb(73, 65, 60); line-height: 18px;">
                              Let's cut to the chase. You haven’t opened an email from us in a looooong time. Unlike your ex, we totally respect your feelings and only want what's best for you. So let's work this out.
                              </p>
                        </td>
..........

..........

                                    </tr>
                                    <tr>
                                            <td height="10">&nbsp;</td>
                                            <td height="10">&nbsp;</td>
                                      </tr>
                              </tbody></table>
                              </td>                          
                                            <td width="15" bgcolor="#f1f1e7">&nbsp;</td>                  
                                            <td width="10" bgcolor="#fafaf3">&nbsp;</td>
                                      </tr>
                                  
                                </tbody></table>
0
 
Dave BaldwinFixer of ProblemsCommented:
Your <td>s are mismatched.  I think you could get rid of all of the <td width="10"... and improve the layout.  You have one row that needs another <td> on the right after that though.
0
 
user_nCommented:
I don't understand what/where exactly is the problem.
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
Tom BeckCommented:
@user_n,
In the posted image, look at the ends of the red rectangles. There are tiny arrows pointing to offsets in the gray background color. It took me a while to see it as well.
0
 
user_nCommented:
tommyBoy is right
the problem is in
<td width="15" bgcolor="#f1f1e7">&nbsp;</td>
<td width="10" bgcolor="#fafaf3">&nbsp;</td>

That is the reason of the colors in the arrows
Here you can see the colors
http://www.color-hex.com/color/f1f1e7
http://www.color-hex.com/color/fafaf3
You can validate your code (how correctly it is written) with https://addons.mozilla.org/en-US/firefox/addon/total-validator/. Sometimes this problem appears if the code is not correctly written.
0
 
lvollmerAuthor Commented:
thanks!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.