We help IT Professionals succeed at work.

image in email signature and inline css in outlook

Medium Priority
2,460 Views
Last Modified: 2013-12-25
I have included the code and the image that shows up in outlook, where I am trying to set up an email signature in outlook. There seems to be a problem with text aligning to the top of the image, and not the bottom of the image.. I suspect its the usual Microsoft standards and IE driven html inside outlook.. Anyone have a clue about fixing this?
<div id="sig" style=" line-height: 13px; margin: 6px 0; padding: 8px; border-top: 1px #999999 dotted; border-bottom: 1px #999999 dotted; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #339999; " > 
		<img src="http://allforces.com/media/me-24px.jpg" alt="me" style="float: left; padding: 2px 6px 0 0;"> 
		<strong style="color: #339999;">Melvin Rivera</strong>: Design & Coding at <a href="http://allforces.com" title="visit allforces.com" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">All Forces</a> - <a href="http://mostasa.com" title="visit mostasa.com" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">Mostasa</a> - <a href="http://mosaic.org" title="visit mosaic.org" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">Mosaic</a><br /> 
		contact | <a href="mailto:myemail@domain.com" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">myemail@domain.com</a> - XXX-XXX-XXXX | aim - username
</div>

Open in new window

airis-signature-error.jpg
Comment
Watch Question

How about using the align and hspace functions instead?

I've tested and works OK for me in Outlook 2007....

Ste

<div id="sig" style=" line-height: 13px; margin: 6px 0; padding: 8px; border-top: 1px #999999 dotted; border-bottom: 1px #999999 dotted; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px; color: #339999; " >
                <img src="http://allforces.com/media/me-24px.jpg" alt="me" align="left" hspace="6">
                <strong style="color: #339999;">Melvin Rivera</strong>: Design &amp; Coding at <a href="http://allforces.com" title="visit allforces.com" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">All Forces</a> - <a href="http://mostasa.com" title="visit mostasa.com" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">Mostasa</a> - <a href="http://mosaic.org" title="visit mosaic.org" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">Mosaic</a><br />
                contact | <a href="mailto:myemail@domain.com" style="color: #339999; text-decoration: none; border-bottom: 1px #999999 dotted;">myemail@domain.com</a> - XXX-XXX-XXXX | aim - username
</div>

Open in new window

Author

Commented:
i dont know what align and hspace is..  how do you use those options?
In the attached code I've used <img src="SOURCE" align="LEFT/RIGHT/CENTER" hspace="X">

align just tells it where to align the picture, in this case you want it left aligned. You could set this to right or center. This command alighns the picture inline with the text.

hspace is the amount of pixels you want to leave free to the left and the right of the picture (in the code I sent I gave the example of 6 - you can change this.

If you wanted more space at the top and bottom then you could use vpsace.

Ste

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts

Author

Commented:
Thank you stehardy88, that worked perfectly..

However, as the signature developed, there are other issues cropping up with other alignment.. Although unrelated to this particular question.. haha

Thanks, this worked perfectly however!
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.