Solved

HTML problem

Posted on 2011-09-23
6
242 Views
Last Modified: 2012-05-12
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
Comment
Question by:lvollmer
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 36590110
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
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 36590347
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
 
LVL 9

Expert Comment

by:user_n
ID: 36593010
I don't understand what/where exactly is the problem.
0
Space-Age Communications Transitions to DevOps

ViaSat, a global provider of satellite and wireless communications, securely connects businesses, governments, and organizations to the Internet. Learn how ViaSat’s Network Solutions Engineer, drove the transition from a traditional network support to a DevOps-centric model.

 
LVL 38

Expert Comment

by:Tom Beck
ID: 36593078
@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
 
LVL 9

Expert Comment

by:user_n
ID: 36593161
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
 

Author Closing Comment

by:lvollmer
ID: 36599428
thanks!
0

Featured Post

Why You Need a DevOps Toolchain

IT needs to deliver services with more agility and velocity. IT must roll out application features and innovations faster to keep up with customer demands, which is where a DevOps toolchain steps in. View the infographic to see why you need a DevOps toolchain.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
calculate days away 11 62
object method as an event handler 8 77
Set css in function 11 56
Script or automated way to Download JPG's off a web site 5 21
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question