Ted Goas TedGoas
TedGoas
/ Outlook Rendering: Foreground images
Last active
September 17, 2019 00:21
This file contains hidden or 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
| <img src="https://cdn.website.com/path/to/image.png" width="600" height="" alt="alt_text" border="0" style="width: 100%; max-width: 600px; height: auto; background: #dddddd; font-family: sans-serif; font-size: 15px; line-height: 15px; color: #555555; display: block;"> | |
TedGoas
/ Outlook Rendering: Web fonts
Created
September 16, 2019 21:01
This file contains hidden or 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
| <head> | |
| <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> | |
| </head> | |
| <p style=”font-family: Roboto, arial, sans-serif”> | |
| This text will be displayed in Roboto in email clients that support web fonts (like Outlook for Mac) and Arial in email clients that don’t (like Windows Outlook 2010-2019). | |
| </p> |
TedGoas
/ Outlook Rendering: Buttons
Created
September 16, 2019 21:01
TedGoas
/ Outlook Rendering: Table layout
Created
September 16, 2019 21:00
This file contains hidden or 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
| <table role="presentation" cellspacing="0" cellpadding="0" border="0"> | |
| <tr> | |
| <td>Column 1</td> | |
| <td>Column 2</td> | |
| </tr> | |
| </table> |
TedGoas
/ Outlook Rendering: Inline-block
Last active
September 17, 2019 00:20
This file contains hidden or 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
| <div> | |
| <div style=”width; 50%; display: inline-block;”>Column 1</div> | |
| <div style=”width; 50%; display: inline-block;”>Column 2</div> | |
| </div> |
TedGoas
/ Outlook Rendering: Body reset
Last active
September 17, 2019 00:20
This file contains hidden or 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 width="100%" style="margin: 0; padding: 0 !important; mso-line-height-rule: exactly;”> | |
TedGoas
/ Outlook Rendering: Table reset
Last active
September 17, 2019 00:19
This file contains hidden or 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
| <table role="presentation" cellspacing="0" cellpadding="0" border="0"> | |
TedGoas
/ Outlook Rendering: Head reset
Created
September 16, 2019 20:57
This file contains hidden or 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
| <style> | |
| /* Remove space around the email design. */ | |
| html, | |
| body { | |
| margin: 0 auto !important; | |
| padding: 0 !important; | |
| height: 100% !important; | |
| width: 100% !important; | |
| } |