Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Feb 2014
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Spacing Issues Converting Outlook HTML Signature

    Hey All -

    I am a total newb when it comes to coding as my tech experience lies elsewhere - but have a question I hope will be easy for most...

    I use my iPad (iOS7) for many things including email - but - the signatures haven't ever supported HTML. Recently, I installed a mod which allows HTML signatures. The only catch is that it must be entered in text / code. Therefore, I did the below to get my signature from Outlook over:
    1. Opened an email with just my signature in it, right clicked, and choose "View Source"
    2. Copied source from signature part into new email which I sent to myself
    3. Opened email on iPad, then copied / pasted code into mod's settings

    When starting a new email on iPad now, the signature appears perfectly - except - there are huge line spaces between each line!

    I found an HTML editor online so pasted the signature code into it and got the line spaces there, too. After playing a while, I decided to copy the entire source over of an email with just my signature in the body. I did so and it fixed the spacing issue in the online HTML editor. SO... I followed the same steps above again with all of the source code. I pasted it into the mod, and tested. Same issue with line spacing - ARGH!

    Below are screenshots and my HTML code. The 1st snippet of code below is just my signature. The second is the entire source which I got to work in online editor, but not on iPad. I'd like to keep my signature the same across all devices, but if the best way would be to start from scratch, know of a good app / online tool which I could use to re-create it to make it as close as possible?

    Any suggestions would be much appreciated - Thanks!

    Screenshots
    How the signature should look
    Spacing Issues Converting Outlook HTML Signature-sig1.png

    How it appears (no matter what I do) on iPad when used as signature
    Spacing Issues Converting Outlook HTML Signature-sig2.png

    How it appears on iPad when receiving in an email from Outlook (How I want it to look)
    Spacing Issues Converting Outlook HTML Signature-sig3.png

    Code
    Signature Code Only (From "View Source" in Outlook)
    Code:
    class=MsoNormal><o:p>&nbsp;</o:p></p><p class=MsoNormal><o:p>&nbsp;</o:p></p><p class=MsoNormal><b><span style='font-size:14.0pt;color:#003892'>My Name </span></b><b><span style='color:#003892'>– SCCM Engineer</span></b><span style='font-size:16.0pt;color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><b><span style='font-variant:small-caps;color:black'>Enterprise Datacenter Operations<o:p></o:p></span></b></p><p class=MsoNormal><b><span style='color:#003892'>Pretend Hospital</span></b><span style='font-size:14.0pt;color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>Address Line 1<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>Address Line 2<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>City, ST 12345<b><o:p></o:p></b></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>Desk: 123-555-7119</span><span style='color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><span style='color:black'><a href="mailto:myemail@test.net"><span style='color:blue'>myemail@test.net</span></a><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p>&nbsp;</o:p></span></p><p class=MsoNormal><o:p>&nbsp;</o:p></p></div></body></html>
    Entire Code of empty email with Signature Only (From "View Source" in Outlook)
    Code:
    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 15 (filtered medium)"><style><!--
    /* Font Definitions */
    @font-face
                    {font-family:"Cambria Math";
                    panose-1:2 4 5 3 5 4 6 3 2 4;}
    @font-face
                    {font-family:Calibri;
                    panose-1:2 15 5 2 2 2 4 3 2 4;}
    /* Style Definitions */
    p.MsoNormal, li.MsoNormal, div.MsoNormal
                    {margin:0in;
                    margin-bottom:.0001pt;
                    font-size:11.0pt;
                    font-family:"Calibri","sans-serif";}
    a:link, span.MsoHyperlink
                    {mso-style-priority:99;
                    color:#0563C1;
                    text-decoration:underline;}
    a:visited, span.MsoHyperlinkFollowed
                    {mso-style-priority:99;
                    color:#954F72;
                    text-decoration:underline;}
    span.EmailStyle17
                    {mso-style-type:personal-compose;
                    font-family:"Calibri","sans-serif";
                    color:windowtext;}
    .MsoChpDefault
                    {mso-style-type:export-only;
                    font-family:"Calibri","sans-serif";}
    @page WordSection1
                    {size:8.5in 11.0in;
                    margin:1.0in 1.0in 1.0in 1.0in;}
    div.WordSection1
                    {page:WordSection1;}
    --></style><!--[if gte mso 9]><xml>
    <o:shapedefaults v:ext="edit" spidmax="1026" />
    </xml><![endif]--><!--[if gte mso 9]><xml>
    <o:shapelayout v:ext="edit">
    <o:idmap v:ext="edit" data="1" />
    </o:shapelayout></xml><![endif]--></head><body lang=EN-US link="#0563C1" vlink="#954F72"><div class=WordSection1><p class=MsoNormal><o:p>&nbsp;</o:p></p><p class=MsoNormal><o:p>&nbsp;</o:p></p><p class=MsoNormal><b><span style='font-size:14.0pt;color:#003892'>My Name </span></b><b><span style='color:#003892'>– SCCM Engineer</span></b><span style='font-size:16.0pt;color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><b><span style='font-variant:small-caps;color:black'>Enterprise Datacenter Operations<o:p></o:p></span></b></p><p class=MsoNormal><b><span style='color:#003892'>Pretend Hospital</span></b><span style='font-size:14.0pt;color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>Address Line 1<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>Address Line 2<o:p></o:p></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>City, ST 12345<b><o:p></o:p></b></span></p><p class=MsoNormal><span style='font-size:10.0pt;color:black'>Desk: 123-555-7119</span><span style='color:#1F497D'><o:p></o:p></span></p><p class=MsoNormal><span style='color:black'><a href="mailto:myemail@test.net"><span style='color:blue'>myemail@test.net</span></a><o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p>&nbsp;</o:p></span></p><p class=MsoNormal><o:p>&nbsp;</o:p></p></div></body></html>
    Thanks for your help!! - Ben

  • #2
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    You shouldn't copy the view source it adds lots of white spaces automatically.

    Take a look at: How to Create an Email Signature in Microsoft Outlook 2013 | Tips and Tricks

    It doesn't look like it will take you five minutes to create one using their software! Not just copy and paste.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •