Become a MacRumors Supporter for $25/year with no ads, private forums, and more!

HTML Signature in Apple Mail for El Capitan OS

Newtone

macrumors newbie
Original poster
Jun 28, 2016
1
0
I am creating a signature for on El Capitan and when iload it, the images appear as a blue box with question mark.
Kindly advise where i am going wrong as the HTML code seems ok when viewed in browser.

Below is the code:

Code:
<body>

<br>
<br>
<br>
<style type="text/css">

  a.link{margin:0;padding:0;border:none !important;text-decoration:none !important;}
  table,tr,td,a,span{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
</style>

  <strong style="color:Black">Jai Trivedi, ACA</strong>. <br>
  <strong style="color:Black"> Mob: +254 738 602614 </strong> <br>

<p> <strong style="color:black">Muranga Forwarders Ltd </strong><br> <p></p>

4th Floor Taara Plaza <br>
Off Moi Avenue<br>
PO Box 84208-80100<br>
Tel + 254 (0) 716 430 643; (0) 733 808 180<br>

<a href="http://www.mfl.co.ke" target="_blank" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;">www.mfl.co.ke</a> <br>

<a href="https://www.linkedin.com/company/9259102?trk=tyah&trkInfo=clickedVertical
:company,idx:2-1-6,tarId:1429098340240,tas:muranga" target="_blank" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;"><img src="images/linkedin.png" width="40" height="28" border="0"></a> <br>


<img src="images/logo.PNG" border="0">




</p></body>
 
Last edited by a moderator:

Bruno09

macrumors 68020
Aug 24, 2013
2,202
152
Far from here
Hi,

what is wrong is the image path.

You need to either :

1. host your image then use its URL :

<img src="image_URL_here" border="0">

or :

2. create a code that will generate the image : in Terminal, enter :

openssl base64 -in

then add a space an drag your image (LinkedIn logo for example) into the Terminal window.

Example : openssl base64 -in /Users/Newtone/Images/linkedin.PNG

Hit Enter.
A code is generated.
Use it as follows :

<img src="data:image/png;base64,insert_code_here" border="0">

You can also use this : https://www.base64-image.de
(take a look at the tutorial page).
 
Last edited:
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.