I'm facing a very strange behaviour of outlook. From the same email sent out by our server with the following source:
<table>
<tr>
<td>
<img src="cid:Banner"/>
</td>
</tr>
</table>
we get different email raw content in Mac and in Windows. In Windows, the content is the same. In Mac OS, the <img> has been changed to <a>:
<table>
<tr>
<td>
<a href="cid:Banner"/>
</td>
</tr>
</table>
I'm using the same email account, looking into the same email but having different contents. I can't understand this, who has changed the html content? Does anyone have any idea?
Many thanks!
Related
what is the reason, that I can not see the picture by mozilla and expolre
photo number1: that is in mozilla fire fox and explore Browser
photo number 2: that is in google chrome Browser
<div style="display: inline-flex;" >
<table border="1px">
<tr>
<ul>
<th id="th">Managers
</th>
<th id="th">photo </th>
<th id="th"> Favorite saying to motivate</th>
</ul>
</tr>
<tr>
<ul>
<td>Ali Alahmad</td>
<td> <img src="https://cdn3.iconfinder.com/data/icons/business-vol-2-flat-icons/72/57-512.png" width="100" height="100"></td>
<td> A year from now you may wish you had started today</td>
</ul>
</tr>
<tr>
<ol>
<td>Mohamad Batan</td>
<td> <img src="https://lh3.googleusercontent.com/proxy/n3clVffDASpg_SKsRgjBQIkaMyB4X66HthmC6VNHGr1QpOOq4BZA52op-PcAZWgqDvayYl8P6n-zeCbwslH4w5bLIy9LQjWic-MFDYEnHGQVIGRc_RY0AyeOUJI6hdX1e7EpBqFI2ggISHX7irwecA9NCIQhcA" width="100" height="100"></td>
<td> Don't let the past hold you, you're missing the good stuff</td>
</ol>
</tr>
<tr>
<td>Khandro</td>
<td> <img src="https://cdn2.iconfinder.com/data/icons/user-23/512/User_Executive_1.png" width="100" height="100"> </td>
<td>Every new day is another chance to change your life</td>
</tr>
</table>
</div>
https://lh3.googleusercontent.com/proxy/n3clVffDASpg_SKsRgjBQIkaMyB4X66HthmC6VNHGr1QpOOq4BZA52op-PcAZWgqDvayYl8P6n-zeCbwslH4w5bLIy9LQjWic-MFDYEnHGQVIGRc_RY0AyeOUJI6hdX1e7EpBqFI2ggISHX7irwecA9NCIQhcA
Looks like a link to a GMAIL proxy image, these can only be viewed if you're logged into gmail as the user that received the email with this image.
To clarify, when you send an email with an image to someone though gmail, google will download this image into their own cache server googleusercontent and then send that link instead of the original image.
This is to protect you from viruses or unauthorized downloads that may happen because the image may not actually be an image when it's sent by a malicious user.
What happens is that the google cached image can only be viewed by the person who was meant to receive it, and google knows this only if you're logged in as that user.
Try asking the person that can see it to download that image to his/her computer and sending it to you or uploading it again to some server.
Maybe they can't load that one picture. Try to download it and put the Image Path in the img src
You are logged in via Google on chrome that is why you can see it, but not in other browsers.
So it need the correct cookie stored to know that it's you that is requesting the file.
Actually it seems your link is wrong. I can't see the picture in any browser.
if you try the url picture in your browser directly you can see that it returns 403 Unauthorized error from google. By and Large this picture is not public.
Browser Error
I am creating an html email template that will hopefully show on mostly used desktop and web email clients (such as Outlook, Gmail or Yahoo).
I'm having a hard time on doing an html email template where my images are being considered as attachments. I'm assuming it's possible to not show them as attachments since most websites that I am subscribed of such as Pinterest, they have images on their html email templates, but it doesn't show them as attachments too.
Here's a code I am testing
<table align="center">
<tbody>
<tr>
<td>
<table>
<tbody>
<tr>
<td>
<img src="#web/mail/img/email-for-first-users-header.jpg" style="width:auto; height: auto; border-style: none; display: block;"/></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tbody>
<tr>
<td>
<h2>Hi, non-user's name!</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
What I basically want to achieve is that, the email clients will not add my images on the attachments area.
Embedding an image in an email first requires that you have a version of said image as a base64 encoded string. Once your image is encoded, jump into your template, or whatever HTML you’re sending out, and embed it using a standard HTML image tag:
<img alt="My Image" src="data:image/jpeg;base64,/9j/4S/+RXhpZgAATU0AKgAAAAgACAESAAMAENkDZ5u8/61a+X...more encoding" />
Then you’re done! Send away.
This is in Magento 1.9.x.
I just edited the contents of a transaction email, added some HTML code into it, but the email is still rendering as plain text.
How do I make that email into a HTML email?
Here is how it looks in Magento:
The email contains HTML tags, but it's template type is Text.
I cannot find anywhere to either (a) change this template type to HTML OR (b) create a new HTML template.
This is the email content:
<body>
<img alt="Flamefast" src="http://www.flamefast-gas-safety.co.uk/skin/frontend/default/gas-safety/images/logo.png" />
<h1>Web Enquiry Form</h1>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>Name:</td><td>{{var data.name}}</td>
</tr>
<tr>
<td>Email:</td><td>{{var data.email}}</td>
</tr>
<tr>
<td>Telephone:</td><td>{{var data.telephone}}</td>
</tr>
<tr>
<td>Company:</td><td>{{var data.company}}</td>
</tr>
<tr>
<td>Interested in:</td><td>{{var data.interest}}</td>
</tr>
<tr>
<td>Quote Required:</td><td>{{var data.request_quote}}</td>
</tr>
<tr>
<td>Info Required:</td><td>{{var data.request_info}}</td>
</tr>
<tr>
<td>Call-back Required:</td><td>{{var data.request_callback}}</td>
</tr>
<tr>
<td>Message:</td><td>{{var data.comment}}</td>
</tr>
</table>
</body>
And this is what it looks like in my email client. None of the HTML is being rendered. My problem here is I cant find anything in Magento's Admin Panel that could create a HTML email or change this to a HTML email.
Can anyone help?
your template type is text beacuse you are using contact email as in your screen shot , it is by default in text format, you have to create an email template as below
1.click on add new template button .
2. Do not load contact email template.
3. Load any one else if you want otherwise.
4. write template name, subject and paste your html in content area and save
thanks!
Background: I am trying to my emails html based, as it is more versatile (I am new to html). I have been playing around with html for a few hours. I can so far embed tables, and different headings and links etc. into the emails that I send out, but have massive difficulty with embedding pictures.
I thought it might a client specific problem - but Hotmail, Outlook and G-mail all don't show the attached image. All I see is the the box with the alt (alternative) text.
#!/bin/bash
h_test=mytest.html
echo "This is a test email"> TESTEMAILTESTEMAILTESTEMAIL.txt
echo "<html>
<head>
<title>HTML E-mail</title>
</head>
<body>
<p><b>Note:</b> This is just a test email.</p>
<p>Trying to do different things all in one email.</p>
<h2>Table 1</h2>
<table style="width:25%">
<tr>
<td>New York</td>
<td>UNITED STATE OF AMERICA</td>
</tr>
<tr>
<td>Sydney</td>
<td>AUSTRALIA</td>
</tr>
<tr>
<td>Istanbul</td>
<td>TURKEY</td>
</tr>
</table>
<h2>Table 2</h2>
<table border="1"; style="width:50%">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
<h2>Image 1</h2>
<img src='https://www.google.com.au/search?q=image+test&espv=2&biw=1366&bih=663&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMI1_fn1MrNyAIVITamCh32cQej#imgrc=driDe9TNSAxoAM%3A' alt='You should be seeing a picture'>
<h2>Link</h2>
<a href='http://www.google.com'>Click Here</a>
</body>
</html>" > $h_test
echo ">> Sending email..."
`mail -s "$(echo -e "This is Subject\nContent-Type: text/html")" my_email#me.com < mytest.html`
echo "...e-mail sent"
Research: I have looked at websites such as this site, but didn't work. I have also looked up similiar questions on stackexchange but couldn't make it work.
Q: How can I embed pictures into my emails?
You can embed images in the html it self,base64-encoded, like this:
<img src="data:image/png;base64,iVBORw0KGg....." />
Look for example at this site to generate the base64 endoding: http://dataurl.net/#dataurlmaker
Update:
I have now learned that this does not work in all email-clients:
Some examples:
iOS Mail Yes
Outlook 2003 Yes
Outlook 2007+ No
Apple Mail Yes
Yahoo! Mail No
Gmail No
Android default Yes
from this link https://www.campaignmonitor.com/blog/email-marketing/2013/02/embedded-images-in-html-email/
You are using the URL https://www.google.com.au/search?q=image+test&espv=2&biw=1366&bih=663&source=lnms&tbm=isch&sa=X&ved=0CAYQ_AUoAWoVChMI1_fn1MrNyAIVITamCh32cQej#imgrc=driDe9TNSAxoAM%3A which is the URL to an HTML document.
You need to use the URL to an image!
Note that most email clients will prompt users before displaying images on external URLs.
You can avoid this by attaching the image (i.e. sending a multipart MIME email) and then using the cid: URL scheme to point to the attachment.
Alternatively, you can convert the image to a data: URL scheme and embed it directly in the URL.
I'm writing a simple website and cannot seem to figure out a small problem. Whenever I insert an image (all images are in an Images subfolder) I use the exact same image code. However, for some reason some of the images show up as broken links when I put the website on a server and access it that way. I access the exact same place from the server locally and the images look just fine. When accessed from the server through the internet only the first image in the table shows up. I know the files are not corrupted and every other reference throughout the website works just fine. Any thoughts?
Edit: The permissions are the same for every image in the folder. Read/Execute on all files.
<div id="headshots">
<table>
<thead>
<tr>
<th colspan="4" style="text-align:center">THE TEAM</th>
</tr>
</thead>
<tr>
<td><img src="Images/Example0.jpg" alt="****" /></td>
<td><img src="Images/Example1.jpg" alt="****" /></td>
<td><img src="Images/Example2.jpg" alt="****" /></td>
<td><img src="Images/Example3.jpg" alt="****" /></td>
</tr>
<tr>
<td style="text-align:center; color:white" bgcolor="#C59353">Example0</td>
<td style="text-align:center; color:white" bgcolor="#C59353">Example1</td>
<td style="text-align:center; color:white" bgcolor="#C59353">Example2</td>
<td style="text-align:center; color:white" bgcolor="#C59353">Example3</td>
</tr>
</table>
</div>
I am assuming that the main difference here is that locally you're using Windows while your server is using Linux. The main thing to look out for in Linux vs. Windows is case-sensitivity. Say, if one of your images is named example1.jpg or Example1.JPG, it will not work with your code.
I am almost certain that this is the solution to your problem, although it's actually more of a guess, so if you have additional information please post it here.