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

    Newtone

    Joined:
    Jun 28, 2016
    #1
    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>
     
  2. gw0gvq Contributor

    gw0gvq

    Joined:
    Jan 30, 2012
    Location:
    Barry, South Wales, UK
    #2
    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

    Joined:
    Aug 24, 2013
    Location:
    Far from here
    #3
    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).
     

Share This Page