<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="word-wrap: break-word; -webkit-nbsp-mode: space; line-break: after-white-space;" class="">
I don’t have a copy of Windows to test on in my office but it looked like it rendered ok on the Mac version of Outlook (ver. 16.21), so maybe there was a recent change or the Mac version uses a different renderer.
<div class=""><br class="">
</div>
<div class="">Well thanks for all the hard work, too bad you can’t use it. I know what pain CSS/HTML dev can be, I spent a number of hours getting the logo to position correctly and after a lot of googling found out about the newish Flexbox CSS that finally
allowed me to right justify and center the image in the header div in the template I sent in my earlier email.<br class="">
<div class=""><br class="">
<div class="">
<div style="color: rgb(0, 0, 0); letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class="">
<div style="orphans: 2; widows: 2;" class="">------------------------------------------------------</div>
<div style="orphans: 2; widows: 2;" class="">Travis Zimmerman<span class="Apple-tab-span" style="white-space: pre;">
</span><a href="mailto:tzimmerman@fsu.edu" class="">tzimmerman@fsu.edu</a><span class="Apple-tab-span" style="white-space: pre;">
</span>850-645-8030</div>
<div style="orphans: 2; widows: 2;" class="">
<div class="">Linux Enterprise Applications & Systems<span class="Apple-tab-span" style="white-space: pre;">
</span><a href="mailto:its-linuxadmins@fsu.edu" class="">its-linuxadmins@fsu.edu</a></div>
<div class="">Information Technology Services, Florida State University</div>
</div>
</div>
</div>
<div><br class="">
<blockquote type="cite" class="">
<div class="">On Jan 21, 2019, at 11:09 AM, Jules Field <<a href="mailto:Jules@Zend.To" class="">Jules@Zend.To</a>> wrote:</div>
<br class="Apple-interchange-newline">
<div class="">
<div text="#000000" bgcolor="#FFFFFF" class=""><br class="">
<br class="">
<div class="moz-cite-prefix">On 17/01/2019 16:57, Travis Zimmerman via ZendTo wrote:<br class="">
</div>
<blockquote type="cite" cite="mid:WM!f133414a1bc92c729c0fc594fb9de36c3d601fcd589b34a1a0080480ffe8311ab950fc59fc7a0ae43f256d1e060fc6e5!@mx.jul.es" class="">
<div class="" style="word-wrap:break-word;
line-break:after-white-space">
<div class="">We encountered a weird problem that only occurs when forwarding or replying to emails from ZendTo using Thunderbird. The background color from body defined in local.css would get applied to the message from the person forwarding or replying. At
my university that means the background was set to a dark garnet, which makes black text hard to read. So this sent me down a whole rabbit hole of looking at the HTML email templates, which brings up two changes that I think would be great for ZendTo.</div>
<div class=""><br class="">
</div>
<div class="">1) Set the body tag in the website code (header.tpl) and emails (email_header_html.tpl) to have id=“zendtobody” or whatever you would like to name the id for the body css. It would mean local.css needs a minor change from body to #zendtobody.
All around I think a pretty easy minor change that clears up the weird Thunderbird interaction.</div>
</div>
</blockquote>
I can do that, no problem.<br class="">
<br class="">
<blockquote type="cite" cite="mid:WM!f133414a1bc92c729c0fc594fb9de36c3d601fcd589b34a1a0080480ffe8311ab950fc59fc7a0ae43f256d1e060fc6e5!@mx.jul.es" class="">
<div class="" style="word-wrap:break-word;
line-break:after-white-space">
<div class=""><br class="">
</div>
<div class="">2) I’ve attached some edits I made to email_header_html.tpl and email_footer_html.tpl. My uni’s gold logo looked a bit off on the grey background so I changed it to match the garnet we use on the website, which is when I realized that the email
style was set manually instead of using the local.css that it imports and that the rounded corners were images. So I made changes to the templates to use fully use the local.css branding and I converted one of the tables into divs and set the content div (#container)
to have rounded corners without using images. Let me know what you think, I think I managed to keep the design you created but made it to automatically use the branding we define in the local.css. I only had my uni logo and the default ZendTo logo to test
against, so I didn’t get to do an extensive amount of testing.</div>
</div>
</blockquote>
Sadly, a lot of mail clients (hi, Outlook for starters!) display HTML *very* poorly. Believe it or not, Outlook uses Word's HTML renderer, rather than a web browser's one. If you try hard enough, you can get Outlook to draw page breaks in an HTML email. I *wish*
I could have done the email styling with nice rounded corners and everything.<br class="">
<br class="">
It took me a long time to produce a version that would render in every email app and webmail service I tried. I hate and detest that I had to do it with a table of nasty little images embedded with data: URLs, but that's the only way to do it. Had it been possible
to do it the same way I did with the web pages, it would have saved me days figuring it out.<br class="">
<br class="">
<blockquote type="cite" cite="mid:WM!f133414a1bc92c729c0fc594fb9de36c3d601fcd589b34a1a0080480ffe8311ab950fc59fc7a0ae43f256d1e060fc6e5!@mx.jul.es" class="">
<div class="" style="word-wrap:break-word;
line-break:after-white-space">
<div class=""><br class="">
</div>
</div>
<div class="" style="word-wrap:break-word;
line-break:after-white-space">
<br class="">
<div class="">
<div class="" style="letter-spacing: normal; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; word-wrap: break-word;">
<div class="" style="orphans:2; widows:2">------------------------------------------------------</div>
<div class="" style="orphans:2; widows:2">Travis Zimmerman<span class="x_Apple-tab-span" style="white-space:pre">
</span><a href="mailto:tzimmerman@fsu.edu" class="" moz-do-not-send="true">tzimmerman@fsu.edu</a><span class="x_Apple-tab-span" style="white-space:pre">
</span>850-645-8030</div>
<div class="" style="orphans:2; widows:2">
<div class="">Linux Enterprise Applications & Systems<span class="x_Apple-tab-span" style="white-space:pre">
</span><a href="mailto:its-linuxadmins@fsu.edu" class="" moz-do-not-send="true">its-linuxadmins@fsu.edu</a></div>
<div class="">Information Technology Services, Florida State University</div>
</div>
</div>
</div>
<br class="">
</div>
<br class="">
<fieldset class="mimeAttachmentHeader"></fieldset>
<pre class="moz-quote-pre" wrap="">_______________________________________________
ZendTo mailing list
<a class="moz-txt-link-abbreviated" href="mailto:ZendTo@zend.to">ZendTo@zend.to</a>
<a class="moz-txt-link-freetext" href="https://urldefense.proofpoint.com/v2/url?u=http-3A__jul.es_mailman_listinfo_zendto&d=DwMDaQ&c=HPMtquzZjKY31rtkyGRFnQ&r=TZ3x4Nnv5Pp03uwRWF9UlLOaC296m8a1MGVEkWJljsg&m=v_Nna0QI7l_bYzoE1tIv3RTC1z9pvRH3Uo_KudyijG8&s=nmBeh8deFv-3ZGnObOJ_qTxvC03UgU1ZjC5Uff8oNBs&e=">http://jul.es/mailman/listinfo/zendto</a>
</pre>
</blockquote>
<br class="">
<pre class="moz-signature" cols="72">Jules
--
Julian Field MEng CEng CITP MBCS MIEEE MACM
'There is one thing stronger than all the armies in the world;
and that is an idea whose time has come.'
<a class="moz-txt-link-abbreviated" href="https://urldefense.proofpoint.com/v2/url?u=http-3A__www.Zend.To&d=DwMDaQ&c=HPMtquzZjKY31rtkyGRFnQ&r=TZ3x4Nnv5Pp03uwRWF9UlLOaC296m8a1MGVEkWJljsg&m=v_Nna0QI7l_bYzoE1tIv3RTC1z9pvRH3Uo_KudyijG8&s=Laa23EP1N3n0Jr0LCthKgLNeHxpJRO1AezUl09m4jWg&e=">www.Zend.To</a>
Twitter: @JulesFM
</pre>
</div>
</div>
</blockquote>
</div>
<br class="">
</div>
</div>
</body>
</html>