[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

image in email signature and inline css in outlook

Posted on 2009-02-10
4
Medium Priority
?
2,365 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
0
Comment
Question by:keewong
  • 2
  • 2
4 Comments
 
LVL 8

Expert Comment

by:stehardy88
ID: 23606601
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

0
 

Author Comment

by:keewong
ID: 23606616
i dont know what align and hspace is..  how do you use those options?
0
 
LVL 8

Accepted Solution

by:
stehardy88 earned 2000 total points
ID: 23606869
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
0
 

Author Closing Comment

by:keewong
ID: 31545360
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!
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
In addition to being a great web-based presentation tool, Prezi also makes it easy to save your presentation as a PDF to share with others as well. Learn how in this tutorial. Select the share icon from the top menu in your Prezi editor: Select "D…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.
Suggested Courses
Course of the Month19 days, 14 hours left to enroll

873 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question