Skip to content

M-J-Robbins/get-off-the-table

master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

Get Off The Table

cat sleeping on a table

Building HTML emails without <tables>

I'm trying to create an email template using a number of common style components, but without the use of any layout tables.

  • 600px centered container
  • Heading tags
  • Paragraph tags
  • Images
  • Nested section with different width and background
  • Multi column layout
  • Ordered and Unordered lists
  • Divider line
  • CTA button
  • Additional container outside of the main container

The main issue here is that Outlook doesn't render HTML or CSS correctly as they user Microsoft Word as a rendering engine. However I believe we can manipulate Outlook into working with a <div> based layout using mos- code.

Realy example Litmus sent out their monthly newsletter using this technique.

About

Experimenting with building HTML emails without <tables>

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages