Avatar of sulky
sulky
 asked on

Problem with HTML table

First - please don't tell me to redo everything in <div>s. If that were an option, I would, and I don't feel like explaining why it isn't an option. I'm stuck with tables.

That said - if someone could help me figure out why the colspans are working in IE and Firefox, but not Safari or Chrome, I would really appreciate it.

If you want to see it live, it's the purple section about halfway down the page:
http://sulky.com/email_images/EmbZen/index.html

Here's the code:
<table width="100%" cellpadding="4" cellspacing="0" bgcolor="#662f90" border="0">
              <tr>
                  <td>
                              <table width="100%" align="center" cellpadding="0" cellspacing="0" bgcolor="#ede0f8" border="0">
                        <tr>
                              <td width="150">&nbsp;</td><td width="292">&nbsp;</td><td width="150">&nbsp;</td>
                        </tr>
                        <tr>
                                        <td colspan="3" align="left" valign="middle" style="width:100%; padding:0 0 6px 0; background-color:#ede0f8">
                                      <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:22px; color:#662f90; margin:0 0px 6px 0px; text-align:center;">You Will Learn All This and More&hellip;</p>
                                             <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;">
                              <span style="font-weight:bold; font-style:italic; color:#662f90;">Opening Session</span><br>
                                  Sulky<span style="font-size: 8px; vertical-align:super;">&reg;</span>-Express Yourself!<br>
                                      In this overview session, samples will be shown in trunk show style to get your creative juices flowing about the possibilities for combining Sulky products with your embroidery ideas.<br><br>
                                   
                            <span style="font-weight:bold; font-style:italic; color:#662f90;">Machine Class Sessions</span><br>
                                  Everyone will create nine projects to learn firsthand the benefits of specific Sulky projects and expand their embroidery skills. We'll use other exciting products in classroom demos – seeing is believing!</p>
                                        </td>
                             </tr>

                             <tr>
                                  <td width="150" align="left" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_threads.jpg" alt="sulky thread" width="150" height="150" style="display:block;" />
                                </td>
                                <td colspan="2">              
                            <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Thread</span><br>
                                                In this track, you'll learn techniques for getting the most from some of Sulky's latest product introductions as well as their hallmark thread varieties.</p>
                                    </td>
                             </tr>        
                                     <tr>
                                <td colspan="2" style="width: 100%;">              
                                                      <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Rayon Thread – Facts and Fiction</span><br>
                                                In this class, you'll learn why rayon is more than just beautiful. It's simply the best choice for many uses, and now you can separate fact from fiction about this vibrant natural fiber thread. We'll compare rayon creations to other thread types in finished samples for evaluation.</p>
                                    </td>
                                  <td width="150" align="right" valign="top">
                                      <img src="http://sulky.com/email_images/EmbZen/images/bullet_hummingbird.jpg" alt="rayon thread" width="150" height="150" style="display:block;" />
                                </td>
                        </tr>                
                                      <tr>
                                  <td width="150" align="left" valign="top">
                                      <img src="http://sulky.com/email_images/EmbZen/images/bullet_blendables.jpg" alt="blendables" width="150" height="150" style="display:block;" />
                                      </td>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Cotton Blendables – Making Color Come Alive</span><br>
                                                Sulky Blendables<span style="font-size: 8px; vertical-align:super;">&reg;</span> threads make it easier than ever to breathe new life into many types of embroidery designs.  Learn how to select lettering and design elements to enhance your embroidery with the heavier, beautiful Cotton Blendables multi-color threads.</p>
                         </td>
                   </tr>
                   <tr>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Holoshimmer<span style="font-size: 7px; vertical-align:super;">TM</span> and Sliver<span style="font-size: 7px; vertical-align:super;">TM</span> – Not Your Everyday Metallics</span><br>
                                                These flat, beautifully reflective metallic threads can create special effects unlike any other. Learn the techniques to create striking showpiece embroideries using this unique design element. You'll get hands-on experience by stitching with these magical metallics on your own machine in class.</p>
                        </td>
                            <td width="150" align="right" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_metallic.jpg" alt="holoshimmer and sliver" width="150" height="150" style="display:block;" />
                          </td>
                    </tr>
                              <tr>
                      <td width="150" align="left" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_polylite.jpg" alt="polylite" width="150" height="150" style="display:block;" />
                    </td>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky PolyLite<span style="font-size: 7px; vertical-align:super;">TM</span> 60 wt. – The Small Thread with a Big Effect</span><br>
                                                Small lettering and details are clean and crisp when embroidered using a thread that was designed especially for them!  Learn how and when to use this special weight thread to add small elements with proper coverage without bulk.</p>
                          </td>
                         </tr>
                             <tr>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Stabilizers with a Purpose</span><br>
                                                There are reasons that Sulky offers the most complete selection of stabilizers for embroidery.  In this track, learn the characteristics and purpose for numerous important stabilizer products.</p>
                        </td>
                            <td width="150" align="right" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_basket.jpg" alt="stabilizers" width="150" height="150" style="display:block;" />
                          </td>
                   </tr>
                           <tr>
                            <td width="150" align="left" valign="top">
                                <img src="http://sulky.com/email_images/EmbZen/images/bullet_CutTear.jpg" alt="tear aways and cut aways" width="150" height="150" style="display:block;" />
                          </td>
                                <td colspan="2" style="width: 100%;">              
                                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">The Basics</span><br>
                                                Uses for tear-away and cut-away stabilizer products are illustrated using a variety of fabric types in this touch-and-feel stabilizer primer.</p>
                                    </td>
                    </tr>

                                           <tr>
                                <td colspan="2" style="width: 100%;">              
                                                            <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Specialty Stabilizers</span><br>
                                                <span style="font-weight:bold; color:#662f90;">Sulky Water Soluble Stabilizers – Selecting the Right Water Soluble</span><br>
The original water soluble – Sulky Solvy<span style="font-size: 8px; vertical-align:super;">&reg;</span> is still the best and most widely requested water-soluble available.  The expanded water-soluble product line includes three weights - original Solvy, Super Solvy<span style="font-size: 7px; vertical-align:super;">TM</span> and Ultra Solvy<span style="font-size: 7px; vertical-align:super;">TM</span>.  Now there's a new generation of solubles – Fabri-Solvy<span style="font-size: 7px; vertical-align:super;">TM</span> and Sticky Fabri-Solvy<span style="font-size: 7px; vertical-align:super;">TM</span>.  Learn the special characteristics and recommended uses for each.  In this informative class you'll stitch samples to illustrate the attributes of the water soluble varieties.<br>
(And we've included Sulky Heat-Away – which disintegrates with the heat of an iron - in this segment as well).<br><br>

                                          You will:</p>
                                  <ul style="list-style:disc; font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:0px 10px 0 0; line-height:18px;">
                                      <li>Stitch a sheer hankie using Super Solvy as a stabilizer beneath the fabric</li>
                                    <li>Create a tasseled bookmark of free-standing lace on a base of UltraSolvy digitized by lace expert Kay Criswell</li>
                                    <li>Make a cute luggage tag using Fabri-Solvy</li>
                                </ul>
                            <br>
                                             </td>
                                              <td width="150" align="right" valign="top" style="padding-top:20px;">
                                                  <img src="http://sulky.com/email_images/EmbZen/images/bullet_bookmark.jpg" alt="bookmark" width="150" height="150" style="display:block;" /><br>
                                                  <img src="http://sulky.com/email_images/EmbZen/images/bullet_luggage.jpg" alt="luggage tag" width="150" height="150" style="display:block;" />
                                          </td>
                                      </tr>

                    <tr>
                            <td width="150" align="left" valign="top">
                                <img src="http://sulky.com/email_images/EmbZen/images/bullet_sticky.jpg" alt="sticky+" width="150" height="150" style="display:block;" />
                          </td>
                                <td colspan="2" style="width: 100%;">              
                          <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:0 10px 6px 10px; line-height:16px;">
                                       <span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Sticky+<span style="font-size: 7px; vertical-align:super;">TM</span></span><br>
                                                      Sticky+ is the most unique self-adhesive embroidery stabilizer available, with many advantages that make it a favorite over similar products.  Learn why Sticky+ is the best product in the category and get great hints for using this alternative to traditional hooping. We'll stitch on satin ribbon, using the built-in grid references on Sticky+ for perfect placement.</p>
                                    </td>
                    </tr>
                    <tr>
                                <td colspan="2" style="width: 100%;">              
                                                <p style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#000000; margin:6px 10px 6px 10px; line-height:16px;"><span style="font-weight:bold; font-style:italic; color:#662f90;">Sulky Puffy Foam<span style="font-size: 7px; vertical-align:super;">TM</span></span><br>In this inspirational class, you'll learn how to take computerized machine embroidery to new heights with genuine Sulky Puffy Foam.  Learn what makes a suitable design and</p>
                          </td>
                            <td width="150" align="right" valign="top">
                          <img src="http://sulky.com/email_images/EmbZen/images/bullet_puffy.jpg" alt="puffy foam" width="150" height="150" style="display:block;" />
                        </td>
                    </tr>
                </table>
                          </td>
                    </tr>
              </table>
Web Browsers

Avatar of undefined
Last Comment
Ess Kay

8/22/2022 - Mon
Ess Kay

Ess Kay

<TABLE BORDER=2 CELLPADDING=4>
<TR> <TH COLSPAN=2>Production</TH> </TR>
<TR> <TD>Raha Mutisya</TD>      <TD>1493</TD> </TR>
<TR> <TD>Shalom Buraka</TD>     <TD>3829</TD> </TR>
<TR> <TD>Brandy Davis</TD>      <TD>0283</TD> </TR>
<TR> <TH COLSPAN=2>Sales</TH> </TR>
<TR> <TD>Claire Horne</TD>      <TD>4827</TD> </TR>
<TR> <TD>Bruce Eckel</TD>       <TD>7246</TD> </TR>
<TR> <TD>Danny Zeman</TD>       <TD>5689</TD> </TR>
</TABLE>
which gives us:

Production
Raha Mutisya      1493
Shalom Buraka      3829
Brandy Davis      0283
Sales
Claire Horne      4827
Bruce Eckel      7246
Danny Zeman      5689



use TH tag for colspan
ASKER CERTIFIED SOLUTION
Ess Kay

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
sulky

ASKER
As much as I hate the complexity of it, it looks like it's going to work. Thank you for the help.
Experts Exchange has (a) saved my job multiple times, (b) saved me hours, days, and even weeks of work, and often (c) makes me look like a superhero! This place is MAGIC!
Walt Forbes
Ess Kay

is that your site sulky.com?