This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <br /> | |
| <br /> | |
| <br /> | |
| <style type='text/css'> | |
| a { | |
| margin: 0; | |
| padding: 0; | |
| border: none; | |
| text-decoration: none; | |
| } | |
| table, tr, td, a, span { | |
| font-family: Helvetica Neue, Helvetica, Arial, sans-serif; | |
| } | |
| </style> | |
| <meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /> | |
| <meta name='format-detection' content='telephone=no' /> | |
| <meta name='format-detection' content='address=no' /> | |
| <meta name='format-detection' content='email=no' /> | |
| <meta name='x-apple-disable-message-reformatting' /> | |
| <table id='sig1' cellspacing='0' cellpadding='0' border-spacing='0' width='320' style='width:320px;padding:0;margin:0;font-size:12px;line-height:16px;font-family:Helvetica,Helvetica Neue,Arial,sans-serif;color:#b0b0b0;-webkit-text-size-adjust:none;'> | |
| <tr style='margin:0;padding:0;'> | |
| <td valign='top' width='178' style='width:178px;margin:0;padding:0;vertical-align:top;'> | |
| <a href='https://giantuser.com' title='GiantUser' style='border:none;text-decoration:none;'> | |
| <img moz-do-not-send='true' src='https://cloudfront.giantuser.com/assets/giantuser_355_80.png' alt='GiantUser' width='178' height='40' style='border:none;width:178px;height:40px;display:block;'> | |
| </a> | |
| </td> | |
| <td width='10' style='width:10px;min-width:10px;max-width:10px;margin:0;padding:0;'>­</td> | |
| <td style='margin:0;padding:0;'> | |
| <table id='sig2' cellspacing='0' cellpadding='0' border-spacing='0' style='padding:0;margin:0;font-size:11px;line-height:15px;font-family:Helvetica,Helvetica Neue,Arial,sans-serif;color:#b0b0b0;-webkit-text-size-adjust:none;'> | |
| <tr style='margin:0;padding:0;'> | |
| <td style='margin:0;padding:0;font-size:11px;line-height:15px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;white-space:nowrap;'> | |
| <strong><a href='mailto:coneybeare@giantuser.com' style='border:none;text-decoration:none;color:#049cdb;'><span style='color:#049cdb'>Matt Coneybeare</span></a></strong> <span style='color:#e0e0e0'>•</span> | |
| <a href='https://giantuser.com' style='border:none;text-decoration:none;color:#b0b0b0;'><span style='color:#b0b0b0'>Owner</span></a> | |
| </td> | |
| </tr> | |
| <tr style='margin:0;padding:0;'> | |
| <td style='margin:0;padding:0;font-size:11px;line-height:15px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;white-space:nowrap;'> | |
| <a href='https://giantuser.com' style='border:none;text-decoration:none;color:#b0b0b0;'><span style='color:#b0b0b0'>GiantUser.com</span></a> <span style='color:#e0e0e0'>•</span> | |
| <a href='https://goo.gl/maps/c2V515y2ChKxYRMh8' style='border:none;text-decoration:none;color:#b0b0b0;'><span style='color:#b0b0b0'>New York</span></a> | |
| </td> | |
| </tr> | |
| </table> | |
| </td> | |
| </tr> | |
| </table> | |
| <br /> | |
| ­ | |
| </body> |
Great tutorials! But your tutorial says, "It should include only inline css", which turns out to be good advice. The <style> section you have in this breaks in (at least) Outlook.
@cwrichardson What are you seeing that is broken with that minimal <style>? We've been using similar code for years with GiantUser without incident
Actually, me too — part of the reason I said great tutorial. It's been useful to me for at least 5 years :)
However, recently, some people have started reporting that the first line inside of the <style> is coming through as plain text. e.g., they're seeing:
a{margin:0;padding:0;border:none;text-decoration:none;}
[correct signature here]
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
nice job!