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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post Aligning text vertically in an email footer

    Hey guys,

    First of all, I'm new here. I thought I'd sign up cause of something that's been bugging me for a bit. My email signature at work is not showing up correctly, and I cant figure out how to make it look like it should.

    Secondly, I'd be willing to Paypal someone say $5.00 if you just make the code correction for me.

    I really want the part that says website | logo | map | email to be vertically aligned, so it better takes up the space in that section.

    The ideal (which I made in photoshop) is here:

    http://www.sieczka.com/sieczka/the%20dream.jpg

    The code, which is broken and displays differently is here:

    http://www.sieczka.com/sieczka/sample2.html

    Here's the actual HTML (which is a bit of a mess) :

    Code:
    <html><head>
    </head> <body style="-webkit-text-size-adjust: 100%;">
    <table border="0" cellpadding="0" cellspacing="0" width="400px">
    <tbody><tr><td><table align="left" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td align="left"></td><td width="100%">
    <span style="text-align: left; color: #000000; font-family: 'Arial', sans-serif; font-size: 10pt; font-weight: bold">Leo Sieczka</span><span style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #000000; font-family: 'Arial', sans-serif; font-size: 9pt; font-weight: normal">&nbsp;<font color="#B9B9B9" size="1">*</font>&nbsp;Junior Systems Administrator</span><br><span style="text-align: left; color: #000000; font-family: Arial; font-size: 9pt; font-style: normal; font-weight: normal;"> enCompass Data Solutions<br> 2071 Kingsway Ave #106&nbsp;<font color="#B9B9B9" size="1">|</font>Coquitlam,&nbsp;BC&nbsp;V3C
    6N2</span><br>
                <span style="text-align: left; color: #000000; font-family: Arial; font-size: 9pt; font-style: normal; font-weight: normal;">tel&nbsp;(604)
    210-****&nbsp;|&nbsp;mobile&nbsp;(778)
    988-****</span></big><span
     style="text-align: left; color: rgb(0, 0, 0); font-size: 8.5pt; font-style: normal; font-weight: normal; font-family: Arial;"><br>
                </span></small>
                <table style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #000000; font-family: 'Arial', sans-serif; font-size: 9pt; font-weight: normal">
                  <tbody>
                    <tr>
                      <td style="text-align: left; margin-top: 0px; margin-bottom: 0px; color: #000000; font-family: 'Arial', sans-serif; font-size: 9pt; font-weight: normal"><small><span
     style="line-height: 3px; font-size: 3px;">&nbsp;</span><spaspan
     style="margin-top: 10px; color: rgb(43, 103, 172); font-size: 8pt; font-weight: bold;"><a
     style="text-decoration: none; color: rgb(43, 103, 172);"
     href="http://www.encompassgroup.ca"><font color="#2b67ac">website</font></a>&nbsp;<font
     color="#2b67ac" size="1"><small>|</small></font>&nbsp;<img
     style="width: 43px; height: 28px;"
     alt="enCompass Solutions Group"
     src="http://www.sieczka.com/sieczka/senclogosmall.jpg">&nbsp;<font
     color="#2b67ac" size="1"><small>|</small></font>&nbsp;<a
     style="text-decoration: none; color: rgb(43, 103, 172);"
     href="http://maps.google.ca/maps?q=encompass+solutions&amp;fb=1&amp;gl=ca&amp;hq=encompass+solutions&amp;hnear=0x5485d5feded69fd5:0xa19d45c0bb19b8b3,Port+Coquitlam,+BC&amp;cid=0,0,11682960621918935688&amp;t=m&amp;z=16&amp;iwloc=A"><font
     color="#2b67ac">map</font></a>&nbsp;<font
     color="#2b67ac" size="1"><small>|</small></font>&nbsp;<a
     style="text-decoration: none; color: rgb(43, 103, 172);"
     href="mailto:leophoto22@****.com"><font color="#2b67ac">email</font></a>&nbsp;&nbsp;&nbsp;
                      </span></small></td>
                      <td><small><span
     style="text-align: left; margin-top: 0px; color: rgb(0, 0, 0); font-size: 8pt; font-weight: normal;"><a
     href="http://www.facebook.com/lsieczka"><img
     src="Facebook-21x21-right.gif" nosend="1" alt="Facebook"
     border="0" height="21" width="21"></a><a
     href="http://www.encompassgroup.ca"><img
     src="LinkedIn-21x21-right.gif" nosend="1" alt="LinkedIn"
     border="0" height="21" width="21"></a></span></small></td>
                    </tr>
                  </tbody>
                </table>
                <img style="width: 234px; height: 39px;"
     alt="enCompass Solutions Group"
     src="http://www.sieczka.com/sieczka/senclogo.jpg"><br>
                </td>
              </tr>
            </tbody>
          </table>
          </td>
        </tr>
      </tbody>
    </table>
    <span style="line-height: 4px; font-size: 4px;"></span>
    <table border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td style="padding-left: 0px;"><span
     style="color: rgb(138, 138, 138); font-family: 'Calibri',sans-serif; font-size: 8pt;"><b>Confidentiality
    Note:&nbsp;</b> This e-mail and any attachments are
    confidential and may be protected by legal privilege. If you are not
    the intended recipient, be aware that any disclosure, copying,
    distribution or use of this e-mail or any attachment is prohibited. If
    you have received this e-mail in error, please notify us immediately by
    returning it to the sender and delete this copy from your system. Thank
    you for your cooperation.<br>
          </span></td>
        </tr>
      </tbody>
    </table>
    <style> a {color: #2B67AC;} </style>
    </body>
    </html>

  • #2
    New Coder
    Join Date
    Jul 2013
    Location
    Netherlands
    Posts
    20
    Thanks
    1
    Thanked 3 Times in 3 Posts
    As you are using tables, I would advise you to use:

    Code:
    valign="center"
    And to do so for each <td>.

    HTH

  • #3
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,990
    Thanks
    15
    Thanked 233 Times in 233 Posts
    Your code is a mess and you don't value other people's time very much. Something you can do in a case like this is make a graphic of it, and use an old fashioned HTML map for the links. They still work very well, thank you. You could make the graphic at my site, or use Photoshop. Or both.
    Welcome to http://www.myphotowizard.net

    where you can edit images, make a photo calendar, add text to images, and do much more.


    When you know what you're doing it's called Engineering, when you don't know, it's called Research and Development. And you can always charge more for Research and Development.


  •  

    Posting Permissions

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