Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ HTML Signature

Posted by: HemApp Feb 28 2017, 03:56 PM

I am trying to create an HTML email signature. It is aligning perfectly in Apple Mail, but when sent to an outlook user the text isn't wrapping the right side of image.

Here is AppleMail image...
IPB Image

Here is the Outlook image...

Here is my html...

CODE

Content-Transfer-Encoding: quoted-printable
Content-Type: text/html;
    charset=us-ascii
Message-Id: <FC7F8618-5BBA-4B25-A319-1028FE6D9BCE>
Mime-Version: 1.0 (Mac OS X Mail 10.2 \(3259\))

<div><br>
        <br>
        </div>

<div id="sig" style="min-height: 50px; line-height: 17px; margin: 6px 0; padding: 8px; font-family: 'Source Sans Pro Light'; font-size: 11px; color: #1d2c3a; min-width: 530px;">
<img style="float: left; padding: 2px 6px 0 0;" src="http://hemingwayapparel.com/hemingwayapparel/wp-content/uploads/2017/02/PrimaryInitial_2C_IphoneSizePlay-e1488308604281.png" alt="Hemingway Apparel Logo"/>

<strong style="font-family: 'Alice'; color: #1d2c3a;">Chris Marsh</strong>. President. <a style="color: #f05863; text-decoration: none; border-bottom: 1px #999999 dotted;" title="Visit HemingwayApparel.com" href="http://www.hemingwayapparel.com">HemingwayApparel.com</a><br>

(843) 558-2525 | <a style="color: #f05863; text-decoration: none; border-bottom: 1px #999999 dotted;" href="mailto:cmarsh@hemingwayapparel.com">cmarsh@hemingwayapparel.com</a><br>

60 Apparel Drive, Hemingway, SC 29554<br>
<a style="color: #f05863; padding-left: 80px">- - - - - - -</a>

</div>

Posted by: HemApp Mar 1 2017, 08:42 AM

Note, when trying to set up the html signature in outlook 2010, I get the same issue with the text not aligning to the right of the image and the formatting being stripped.

Anyone have any ideas on how to change my code for it to work in windows?

Posted by: pandy Mar 1 2017, 11:32 AM

In Outlook, you mean. It isn't an OS thing but a client thing and there are lots of email clients, not to speak of web mail.

Little do I know about HTML email, but try to dumb it down as much as possible. Try align="left" instead of style="float: left". No idea if it will work, but it's worth a try.

Side note, that Alice font isn't found on my computer. You may want to use a more common font or at least back Alice up with something close to what you prefer.