Inserting page breaks in HTML email - html-email

I'm trying to place a page break into an HTML email using the following code but this does two things when I view the email in Outlook.
It ignores the line breaks in the 2nd table (only a problem with Outlook) and it does not page break (a problem in all non-web based email clients)!
Does anyone know how I can code this?
<table>
<tr>
<td>test<br>test<br>test</td>
</tr>
</table>
<table style="page-break-before:always;">
<tr>
<td>me<br>me<br>me</td>
</tr>
</table>

send them a document instead of HTML, or link them to a page that contains your email HTML
I think you'll end up pulling out too much hair trying to get what you're doing to work correctly, especially as newer versions of email clients come out.

Related

Display image in email body

I am trying to display an image in powershell email body
tried below
$body = #"
Hi Team,
Please find the attached report
Note: To view the Index page, please click on Enable editing option in excel
<html>
<body style="font-family:calibri">
<img src='cid:enable_editing.png'>
</body>
</html>
Thank you
***This is an auto-generated email. Please do not respond***
"#
There are 2 excel attachment which goes with the email.
Please let me know how to display that
When I am sending the image as attachment and making -BodyAsHTML, I am loosing the email formatting
Naturally with -BodyAsHTML your text would need to be part of the HTML and naturally you'd need to use HTML linebreaks to well ... have linebreaks. Your whole body needs to be HTML.
So for example you'd have something like:
<html><body>
<p>Hi Team,</p>
<p>Please find the attached report. <br/> To view it to X.</p>
<img ... />
</body></html>
Beware that HTML formating is usually limited within mail clients. Not every tag and CSS format will work.

href link with phpmailer is erased

I am using phpmailer to send an email with a button that has a link to another page. For some reason it works almost everytime, except with one specific client of mine. Apperantly his email has is hotmail or outlook.
What happens in this case is that the button comes with a blanked link.
The following peace of code might help:
$mensagem .= '<br><div><!--[if mso]>
<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" arcsize="8%" stroke="f" fillcolor="#b1cef1">
<w:anchorlock/>
<center>[enter image description here][1]
<![endif]-->
<a href="http://conazweb.com.br/follow-up/'.$opcao1_file.'"
style="background-color:#b1cef1;border-radius:3px;color:#ffffff;display:inline-block;
font-family:sans-serif;font-size:15px;font-weight:bold;line-height:40px;text-align:center;
text-decoration:none;width:300px;margin-left: 15%; margin-right: 15%;-webkit-text-size-adjust:none;">COMPRAR VIA CONAZ</a>
<!--[if mso]>
</center>
</v:roundrect>
<![endif]--></div>';
By doing a code inspection on the button on the case that the problem is occuring I got the following code:
https://www.dropbox.com/s/dtyhtrvdk0nas5d/Inspection%20button.png?dl=0
This is ancient Microsoft VML, essentially nothing uses it any more, and support has even been dropped from Internet Explorer. If you want links to work, use plain links, which you can style to look like buttons.

Why does Outlook replace my image tags with broken img tags in my email template?

I was creating a simple email with some images. It looks very well in gmail (tested with Firefox , Google Chrome and even IE 9), but not in Outlook where my original img tags are replaced with random img tags like
<img src="http://part3.06070903.04020009#xxxxx.com">
xxxx = my business name.
It also when in the html I type <td height="20"></td> just for margin purpose, I get a <br> inside of it in both gmail and outlook.
This is so weird because I didn't have these problems before when working with emails.
Maybe this List of supported will be of some help to you:
http://msdn.microsoft.com/en-us/library/aa338201.aspx
Generally the biggest differences lie between Outlook 2007/2010 which use an old word renderer due to legal reasons and the other Outlook versions.
For the empty tags, that get filled with <br>-Tags i would recommend trying a   or as placeholder content to suppress the <br>.

Is there any sense in using the <title> tag in HTML e-mail?

When sending an HTML e-mail, is there any sense in using the <title> tag? In the PHP Manual, for instance, they use such a tag in their main sample code. However, I see no reason why an e-mail client would use this title and not the Subject from the e-mail. Is there any reason to set this tag?
I've been looking into this myself as I'm writing a PHP mailing list manager script that uses the sendmail() function.
The script allows the admin to create and send multiform emails (both text and html versions).
After much testing I have found that some email servers appear to have issues with the title tag (<title></title>).
I created a test email and sent it to 5 of my email address, my #blueyonder.co.uk email failed to arrive but the 4 others had no problems.
After a process of elimination it turned out that the #blueyonder.co.uk mail servers did not like the title tags in the html part of the email message, when I removed the tag the email arrived no probs.
Very strange!
The only use I would see is that some clients, like Outlook, allow you to view an email in a browser for better rendering. It would then be a plus to have the html title tag set.
(Old question, I know ;) )
My experience is that some mail clients will display the <title> tag in their email preview and some won't. Some clients preview will be "Subject + <title> + Preheader" and some will only be "Subject + preheader", so that creates an inconsistent experience.
Because of that, I found it's better to only use a preheader.
For completion's sake, the "Preheader" is a hidden text form the body that is only used in the preview, for example, something like...
<div style="display: none; max-height: 0px; overflow: hidden;">
Insert hidden preheader text here
</div>

How to display html button element in MS-Outlook 2010?

I have written a mailing program. The body of the mail is pure html.
All elements of the html (like a, span, p, img tags etc.) are shown in the mail output in MS Outlook 2010 except the button.
Only text (button's value) is displayed as a plain text. Even javascript event is not triggered if button has onClick event.
Note: It is working in other mailing services like gmail, yahoo. Problem is in Outlook only.
I'm not sure versions of MS Outlook 2007 onwards can handle HTML buttons, due to them using MS Words HTML processor (Which is not the best...)
As to trying to use javascript in emails - Javascript click event in outlook 2007
Ive had similar problems...
Jack.
javascript is blocked by email clients, as it is not save.
There are some solutions that more or less work in outlook:
https://litmus.com/blog/a-guide-to-bulletproof-buttons-in-email-design
Please use below mentioned HTML code this works perfectly well in outlook.
<table cellpadding="0" align="left" cellspacing="0" style="border-radius:2px; background-color:#5794FF; color:#FFFFFF">
<tbody>
<tr>
<td align="center" height="32" style="padding:0px 19px; height:32px; font-size:14px; line-height:12px">
Search Google
</td>
</tr>
</tbody>
</table>