Writing HTML with Foundation is so repetitive

69 Views Asked by At

I'll admit, I'm not very experienced with writing code in general - I do it on a per-needed basis. Our company is researching different frameworks for writing code for emails. We stumbled across Zurb Foundation. I thought, great, it will make writing a lot less convoluted. Then, while going through the tutorials, I see this for making JUST A BUTTON:

<table align="center" class="container">
  <tbody>
    <tr>
      <td>
        <table class="row">
          <tbody>
            <tr>
              <th class="small-12 large-12 columns first last">
                <table>
                  <tr>
                    <th>
                      <center data-parsed="">
                        <table class="button float-center">
                          <tr>
                            <td>
                              <table>
                                <tr>
                                  <td><a href="#">Centered Button</a></td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </center>
                    </th>
                    <th class="expander"></th>
                  </tr>
                </table>
              </th>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
  </tbody>
</table>

WHY..?? Why does it seem that in coding everything has to a table within a table within a table header, within a table row, within a table cell, within a table row. It goes on forever and literally makes me angry when I look at that. I don't see why making a simple button cannot be 1 line of text, that's it.

Why does code have to be so long and convoluted for the simplest things?

2

There are 2 best solutions below

0
AudioBubble On

Foundation Emails uses Inky - a custom template language (like all other email frameworks), which generates this for you.

https://foundation.zurb.com/emails/docs/inky.html

0
rafibomb On

Emails are a different beast and if you hand write tables this is common. As Daniel pointed out, Inky is the way to avoid this mess.