Menu icon Foundation
Spacer Table Inside of TD?

Just wondering if I can place a spacer table inside of an td or does that screw everything up?

 

<table class="row">
  <tr>
    <th class="small-12 large-12 first last columns">
      <h1 class="text-center big" >Join Us For Cocktails!</h1>
      <table class="spacer">
        <tbody>
          <tr>
            <td height="20px" style="font-size:20px;line-height:20px;">&#xA0;</td>
          </tr>
        </tbody>
      </table>
      <p class="text-center" >Please join us for cocktails and hors-d’oeuvres, as we raise our glasses to a year of success and partnerships!</p>
      <table class="spacer">
        <tbody>
          <tr>
            <td height="10px" style="font-size:10px;line-height:10px;">&#xA0;</td>
          </tr>
        </tbody>
      </table>
      <hr/>
    </th>
    <th class="expander"></th>
  </tr>
</table>

spaceremail

Just wondering if I can place a spacer table inside of an td or does that screw everything up?

 

<table class="row">
  <tr>
    <th class="small-12 large-12 first last columns">
      <h1 class="text-center big" >Join Us For Cocktails!</h1>
      <table class="spacer">
        <tbody>
          <tr>
            <td height="20px" style="font-size:20px;line-height:20px;">&#xA0;</td>
          </tr>
        </tbody>
      </table>
      <p class="text-center" >Please join us for cocktails and hors-d’oeuvres, as we raise our glasses to a year of success and partnerships!</p>
      <table class="spacer">
        <tbody>
          <tr>
            <td height="10px" style="font-size:10px;line-height:10px;">&#xA0;</td>
          </tr>
        </tbody>
      </table>
      <hr/>
    </th>
    <th class="expander"></th>
  </tr>
</table>

This post has been closed. No new replies can be added.

Corey Schaaf about 3 years ago

That shouldn't be a problem at all because technically: 

  1. <p> tags are inside of <td> tags. Based on the documentation you can use the spacer tag in-between <p></p> tags to have consistent spacing.
  2. The docs also state you can use the spacer in between <tables> which would indicate that they could be used interchangeable. 

Peekay almost 3 years ago

A bit late Corey, but thanks for the help.