I'm helping a friend do an html email and I've removed most of the images from it for posting on here. Anyway, once I add the paypal button my table breaks even though I'm setting manual td width's Can someone figure this out.

source: http://www.colemanworld.net/sa/gfgolf.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><META http-equiv="Content-Type" content="text/html; charset=utf-8"></head>

<div style="padding:0; margin:0; background:#fdfdfd">

    <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#fdfdfd">
            <td align="center" valign="top">
                <table width="581" cellspacing="0" cellpadding="0" bgcolor="#e2e5e7">
                    <tr><!-- First Table Row -->
                        <td><!-- First Table Data -->
                            <p align="center" style="font-family:arial;color:black;font-size:18px;line-height:1em;">Greg C. Fister</p>
                            <p align="center" style="font-family:arial;color:black;font-size:18px;line-height:.2em;">PGA</p>
                            <p align="center" style="line-height:.3em;"><img src="http://www.miamivalleygolf.org/_filelib/ImageGallery/Piqua%20CC%20Pictures/Logos/pga_logo.gif" height="60px" width="60px"></p>
                            <img src="http://www.colemanworld.net/sa/hr.gif"><br />
                            <p>Dear Client,</p><br />
                            <p>It was great meeting you today and working on your golf swing. Looking forward to working with you tomorrow at 6:00. I will arrive at 5:45 and meet you on the range. If the range is full we will go to the teaching only area designated at the end of the range. Below is a listing of services available. See you tomorrow.</p><br /><br />
                            <p>Sincerely,</p><br />
                            <p><b>Greg Fister, PGA</b></p><br /><br />
                        </td><!-- End First Table Data -->
                    </tr><!-- End First Table Row -->
                    <tr><!-- Second Table Row -->
                        <td width="259px"><!-- Second Table Data 1 -->
                            <p><i>Additional Services:</i></p>
                            <p><img src="http://www.colemanworld.net/sa/Birkdale.gif" height="22.5" width="16.6">Individual - $60<br />
                            <img src="http://www.colemanworld.net/sa/Birkdale.gif" height="22.5" width="16.6">Series of 4 - $220<br />
                            <img src="http://www.colemanworld.net/sa/Birkdale.gif" height="22.5" width="16.6">Series of 6 - $300<br />
                            <img src="http://www.colemanworld.net/sa/Birkdale.gif" height="22.5" width="16.6">Juniors (Age 10-17) - $40<br />
                            <img src="http://www.colemanworld.net/sa/Birkdale.gif" height="22.5" width="16.6">Juniors (Age 9-below) - $25<br />
                            <img src="http://www.colemanworld.net/sa/Birkdale.gif" height="22.5" width="16.6">Birkdale Women's Golf Clinic - $25<br />
                            <img src="http://www.colemanworld.net/sa/Birkdale.gif" height="22.5" width="16.6">Clinics & Playing Lessons - $TBD</p>
                        </td><!-- End Second Table Data 1 -->
                        <td width="259px"><!-- Second Row Table Data 2 -->
                            <p><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="UXT66Y548G56C">
<tr><td><input type="hidden" name="on0" value="Birkdale Golf Instruction - Greg Fister, PGA">Greg Fister, PGA</td></tr><tr><td><select name="os0">
 <option value="Individual Lesson">Individual Lesson $60.00</option>
 <option value="Series of 4 Lessons">Series of 4 Lessons $220.00</option>
 <option value="Series of 6 Lessons">Series of 6 Lessons $300.00</option>
 <option value="Junior Lesson (Age 10-17)">Junior Lesson (Age 10-17) $40.00</option>
 <option value="Junior Lesson (Age 9 &amp; Below)">Junior Lesson (Age 9 &amp; Below) $25.00</option>
 <option value="Birkdale Women's Golf Clinic">Birkdale Women's Golf Clinic $25.00</option>
</select> </td></tr>
<input type="hidden" name="currency_code" value="USD">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
                        </td><!-- End Second Row Table Data 2 -->
                    </tr><!-- End Second Table Row -->
                    <tr><!-- Table Row 3 -->
                            <br /><img src="http://www.colemanworld.net/sa/hr.gif"><br />
                            <p align="center">Birkdale Golf Club 16500 Birkdale Commons Parkway, Huntersville, NC 28078<br />Lesson Reservation: (704) 555-5555 | GFCell: (980) 555-5555 | E-Mail: <a href="mailto:not@home.com>not@home.com</a></p>
                    </tr><!-- End Table Row 3 -->


3 answers

danwellman 5600

It may be the select box that is breaking the width. Try changing the column that the select box is in so that it is wide enough to encompass the select box naturally

Answered about 9 years ago by danwellman

Tables aren't really designed to do what you seem to be trying to do. Remember that clients are not required to display the table as a grid, especially email clients. Also, this makes your markup bulky, hard to read, and hard to troubleshoot. Adding to the trouble, you use styling mixed into your markup. This makes it very hard to position and style your page.

If you find that you continue to have this sort of trouble, you may consider using standards compliant web design. The small investment in learning the right way pays great dividends if you plan to write more than a couple pages.

Answered about 9 years ago by kainosnous

Kainosnous - you obviously don't know anything about coding for HTML emails... tables are the way you code them. Maybe a small investment in knowing what your talking about would pay you dividends in the end?!

Answered over 8 years ago by Sean Stopnik