• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 254
  • Last Modified:

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
0
lvollmer
Asked:
lvollmer
1 Solution
 
Tom BeckCommented:
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
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
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.

Join & Write a Comment

Featured Post

Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now