Permalink
Browse files

Add minimal version with centered layout and padding wrapper

  • Loading branch information...
1 parent c3465c0 commit fa6f3f62ed971d3f6195f9e044bcc560a81d2b88 Buie Blakeley committed Apr 1, 2014
Showing with 83 additions and 0 deletions.
  1. +83 −0 email_min.html
View
@@ -0,0 +1,83 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+<title>Email title or subject</title>
+
+<style type="text/css">
+
+ /* reset */
+ #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
+ .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
+ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Forces Hotmail to display normal line spacing. More on that: http://www.emailonacid.com/forum/viewthread/43/ */
+ p {margin: 0; padding: 0; font-size: 0px; line-height: 0px;} /* squash Exact Target injected paragraphs */
+ table td {border-collapse: collapse;} /* Outlook 07, 10 padding issue fix */
+ table {border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; } /* remove spacing around Outlook 07, 10 tables */
+
+ /* bring inline */
+ img {display: block; outline: none; text-decoration: none; -ms-interpolation-mode: bicubic;}
+ a img {border: none;}
+ a {text-decoration: none; color: #000001;} /* text link */
+ a.phone {text-decoration: none; color: #000001 !important; pointer-events: auto; cursor: default;} /* phone link, use as wrapper on phone numbers */
+ span {font-size: 13px; line-height: 17px; font-family: monospace; color: #000001;}
+
+</style>
+<!--[if gte mso 9]>
+ <style>
+ /* Target Outlook 2007 and 2010 */
+ </style>
+<![endif]-->
+</head>
+<body style="width:100%; margin:0; padding:0; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;">
+
+<!-- body wrapper -->
+<table cellpadding="0" cellspacing="0" border="0" style="margin:0; padding:0; width:100%; line-height: 100% !important;">
+ <tr>
+ <td valign="top">
+ <!-- edge wrapper -->
+ <table cellpadding="0" cellspacing="0" border="0" align="center" width="600" style="background: #efefef;">
+ <tr>
+ <td valign="top">
+ <!-- content wrapper -->
+ <table cellpadding="0" cellspacing="0" border="0" align="center" width="560" style="background: #cfcfcf;">
+ <tr>
+ <td valign="top" style="vertical-align: top;">
+<!-- ///////////////////////////////////////////////////// -->
+
+<table cellpadding="0" cellspacing="0" border="0" align="center">
+ <tr>
+ <td valign="top" style="vertical-align: top;">
+ <span style="">text</span>
+ </td>
+ </tr>
+</table>
+<table cellpadding="0" cellspacing="0" border="0" align="center">
+ <tr>
+ <td valign="top" style="vertical-align: top;">
+ <img src="full path to image" alt="alt text" title="title text" width="50" height="50" style="width: 50px; height: 50px;"/>
+ </td>
+ </tr>
+</table>
+<table cellpadding="0" cellspacing="0" border="0" align="center">
+ <tr height="30">
+ <td valign="top" style="vertical-align: top; background: #efefef;" width="600" >
+ </td>
+ </tr>
+</table>
+
+<!-- //////////// -->
+ </td>
+ </tr>
+ </table>
+ <!-- / content wrapper -->
+ </td>
+ </tr>
+ </table>
+ <!-- / edge wrapper -->
+ </td>
+ </tr>
+</table>
+<!-- / page wrapper -->
+</body>
+</html>

0 comments on commit fa6f3f6

Please sign in to comment.