Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

What is the purpose of using multiple tables?

I am learning how to use tables for email based projects, but I notice some people will use multiple tables. for an example:

<!-- outer table -->

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
      <td style="padding: 10px 0px 30px 0px;">


          <!-- inner table -->

          <table style="border: 1px solid #ddd;" align="center" cellpadding="0" cellspacing="0" width="520px">
            <tr align="center">
              <td>
                <img src="img1.png" style="display: block; width: 500px; padding: 0px 0px 0px 0px; border: none;">
              </td>  
            </tr>

What is the purpose of using several different tables? Any help would be appreciated.

1 Answer

Dallin Rodgers
seal-mask
.a{fill-rule:evenodd;}techdegree
Dallin Rodgers
Front End Web Development Techdegree Student 13,885 Points

Hello Calvin Castillo,

In your provided example each table has different design settings. This would be very difficult and confusing to accomplish if it was one large table.