Permalink
Browse files

Merge pull request #26 from lkrids/master

css reset should not be inlined
  • Loading branch information...
seanpowell committed May 27, 2018
2 parents aba0d02 + 2d9f9da commit 8c8ebdedfea1ce6ce9ec673f3bdbd8ed4e9255f8
Showing with 4 additions and 4 deletions.
  1. +4 −4 email.html
@@ -1,7 +1,7 @@
<!-- ***************************************************
********************************************************
HOW TO USE: Use these code examples as a guideline for formatting your HTML email. You may want to create your own template based on these snippets or just pick and choose the ones that fix your specific rendering issue(s). There are two main areas in the template: 1. The header (head) area of the document. You will find global styles, where indicated, to move inline. 2. The body section contains more specific fixes and guidance to use where needed in your design.
HOW TOasdf USE: Use these code examples as a guideliasdfne for formatting your HTML email. You may want to create your own template based on these snippets or just pick and choose the ones that fix your specific rendering issue(s). There are two main areas in the template: 1. The header (head) area of the document. You will find global styles, where indicated, to move inline. 2. The body section contains more specific fixes and guidance to use where needed in your design.
DO NOT COPY OVER COMMENTS AND INSTRUCTIONS WITH THE CODE to your message or risk spam box banishment :).
@@ -33,7 +33,7 @@
More info and templates on Github: https://github.com/mailchimp/Email-Blueprints
http://www.mailchimp.com &amp; http://www.fabio-carneiro.com
INLINE: Yes.
INLINE: No.
***********/
/* Client-specific Styles */
#outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
@@ -206,7 +206,7 @@
</head>
<body>
<!-- Wrapper/Container Table: Use a wrapper table to control the width and the background color consistently of your email. Use this approach instead of setting attributes on the body tag. -->
<table cellpadding="0" cellspacing="0" border="0" id="backgroundTable">
<table cellpadding="0" cellspacing="0" border="5" id="backgroundTable">
<tr>
<td>

@@ -225,7 +225,7 @@
<a href="http://htmlemailboilerplate.com" target ="_blank" title="Styling Links" style="color: orange; text-decoration: none;">Coloring Links appropriately</a>

<!-- Gmail/Hotmail image display fix: Gmail and Hotmail unwantedly adds in an extra space below images when using non IE browsers. This can be especially painful when you putting images on top of each other or putting back together an image you spliced for formatting reasons. Either way, you can add the 'image_fix' class to remove that space below the image. Make sure to set alignment (don't use float) on your images if you are placing them inline with text.-->
<img class="image_fix" src="full path to image" alt="Your alt text" title="Your title text" width="x" height="x" />
<img class="image_fix" src="full asdf to image" alt="Your alt text" title="Your title text" width="x" height="x" />

<!-- Step 2: Working with telephone numbers (including sms prompts). Use the "mobile_link" class with a span tag to control what number links and what doesn't in mobile clients. -->
<span class="mobile_link">123-456-7890</span>

0 comments on commit 8c8ebde

Please sign in to comment.