Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
<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' />
<table id="sig" width='320' cellspacing='0' cellpadding='0' border-spacing='0' style="width:320px;margin:0;padding:0;">
<tr>
<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="http://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;">&nbsp;</td>
<td style="margin:0;padding:0;">
<table id="sig2" cellspacing='0' cellpadding='0' border-spacing='0' style="padding:0;margin:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px;mso-line-height-rule:exactly;line-height:15px;color:#b0b0b0;border-collapse:collapse;-webkit-text-size-adjust:none;">
<tr style="margin:0;padding:0;">
<td style="margin:0;padding:0;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">&bull;</span>
<a href="http://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-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">&bull;</span>
<a href="https://giantuser.com" style="border:none;text-decoration:none;color:#b0b0b0;"><span style="color:#b0b0b0">New York</span></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br />
&nbsp;
</body>
@Mark-Shine
Copy link

Mark-Shine commented Aug 19, 2016

nice job!

@cwrichardson
Copy link

cwrichardson commented Oct 27, 2021

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.

@coneybeare
Copy link
Author

coneybeare commented Oct 27, 2021

@cwrichardson What are you seeing that is broken with that minimal <style>? We've been using similar code for years with GiantUser without incident

@cwrichardson
Copy link

cwrichardson commented Oct 27, 2021

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