HTML Signature in Apple Mail for El Capitan OS

Discussion in 'OS X El Capitan (10.11)' started by Newtone, Jun 29, 2016.

  1. Newtone, Jun 29, 2016
    Last edited by a moderator: Jun 29, 2016

    Newtone macrumors newbie


    Jun 28, 2016
    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:

    <style type="text/css">
 {margin:0;padding:0;border:none !important;text-decoration:none !important;}
      table,tr,td,a,span{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
      <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="" target="_blank" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;"></a> <br>
    <a href="
    :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">
  2. gw0gvq Contributor


    Jan 30, 2012
    Barry, South Wales, UK
    When you create the signature have you tried to drag and drop it in the signature window instead?
  3. Bruno09, Nov 8, 2016
    Last edited: Nov 8, 2016

    Bruno09 macrumors 68020

    Aug 24, 2013
    Far from here

    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 :
    (take a look at the tutorial page).

Share This Page