The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> HTML Signature, Perfect in AppleMail MisAligned in Outlook
HemApp
post Feb 28 2017, 03:56 PM
Post #1





Group: Members
Posts: 2
Joined: 28-February 17
Member No.: 26,329



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...
IPB 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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
HemApp
post Mar 1 2017, 08:42 AM
Post #2





Group: Members
Posts: 2
Joined: 28-February 17
Member No.: 26,329



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 1 2017, 11:32 AM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 03:38 AM