The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Outlook 2016 HTML Email
pecck
post Dec 5 2021, 09:59 PM
Post #1





Group: Members
Posts: 3
Joined: 5-December 21
Member No.: 28,188



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,
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 5 2021, 11:11 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Don't know about Outlook, but try this.

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

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Dec 6 2021, 01:56 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



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;">
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pecck
post Dec 6 2021, 09:32 AM
Post #4





Group: Members
Posts: 3
Joined: 5-December 21
Member No.: 28,188



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pecck
post Dec 6 2021, 09:34 AM
Post #5





Group: Members
Posts: 3
Joined: 5-December 21
Member No.: 28,188



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Dec 6 2021, 12:12 PM
Post #6


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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">
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 12:53 PM