Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Outlook 2016 HTML Email

Posted by: pecck Dec 5 2021, 09:59 PM

Hello,

I'm trying to create a template email. I have used https://www.html.am/html-editors/online-html-editor.cfm to create my HTML. I saved it to a TXT file, then added it to my email using the instructions -
To do this, click New Email button to open a new email message, click File > Options > Quick Access Toolbar. Under "Popular Commands", highlight Attach File and click Add button. Click OK. Now, when we insert a html file, use the Attach File button on the QAT, you will see the Insert as Text option

When I send the email there is an extra space at the top, just above Dear, and below the table border. I don't see anything in the code that would cause this. Is this a function of MS Outlook?

On a side note, the width of the table doesn't show as 600 in the received email. Is there something special that I need to do to accomplish this with Outlook?

CODE
<html>
<head>
    <title></title>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" style="width:600px;">
    <tbody>
        <tr>
            <td><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">Dear</span></span><br />
            <br />
        </tr>
    </tbody>
</table>
</body>
</html>



Thank you,

Posted by: pandy Dec 5 2021, 11:11 PM

Don't know about Outlook, but try this.

CODE
<body style="margin:0;padding:0">


Posted by: CharlesEF Dec 6 2021, 01:56 AM

QUOTE(pecck @ Dec 5 2021, 08:59 PM) *

<td><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">Dear</span></span><br />

Why the 2 spans? You only need 1, as in:
CODE
<span style="font-family:arial,helvetica,sans-serif; font-size:16px;">

Posted by: pecck Dec 6 2021, 09:32 AM

QUOTE(pandy @ Dec 6 2021, 12:11 AM) *

Don't know about Outlook, but try this.

CODE
<body style="margin:0;padding:0">



That wound up not displaying the top border of the table. I'm beginning to think it may be something with Gmail and the way it decodes email from from Outlook 2016. Just a guess, it looks right in my Outlook sent folder. I'll have to try sending to another email such as yahoo to see if the issue is with Gmail.

Posted by: pecck Dec 6 2021, 09:34 AM

QUOTE(CharlesEF @ Dec 6 2021, 02:56 AM) *

QUOTE(pecck @ Dec 5 2021, 08:59 PM) *

<td><span style="font-size:16px;"><span style="font-family:arial,helvetica,sans-serif;">Dear</span></span><br />

Why the 2 spans? You only need 1, as in:
CODE
<span style="font-family:arial,helvetica,sans-serif; font-size:16px;">



I was simply copying and pasting from https://www.html.am/html-editors/online-html-editor.cfm. That didn't have anything to do with the extra space above the greeting. Thank you though.

Posted by: pandy Dec 6 2021, 12:12 PM

QUOTE(pecck @ Dec 6 2021, 03:32 PM) *

QUOTE(pandy @ Dec 6 2021, 12:11 AM) *

Don't know about Outlook, but try this.

CODE
<body style="margin:0;padding:0">



That wound up not displaying the top border of the table. I'm beginning to think it may be something with Gmail and the way it decodes email from from Outlook 2016. Just a guess, it looks right in my Outlook sent folder. I'll have to try sending to another email such as yahoo to see if the issue is with Gmail.


Could be gmail uses some styling of their own. Try giving body just a little top margin. If that doesn't work, try padding. Maybe padding is more likely to work. Something like so.
CODE
<body style="margin:0;padding:0;padding-top:10px">

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)