Solved

HTML Assistance

Posted on 2013-11-11
5
253 Views
Last Modified: 2013-11-11
We are trying to add the below as a signature from our Exchange 2010 box via  Transport Rule.  There is an extra space when it appears on the message in Outlook and it's very ugly. Any help getting the extra spaces out of the end product would be greatly appreciated.. Attached Code as well as what we see in Outlook:ExtraSPace in outlook
<!DOCTYPE html>
<html>

<body>
<div>
<div  style="font-size: 11.0pt;font-family: 'Calibri','sans-serif';font-weight:bold;">%%DisplayName%% | %%Title%% | La-Z-Boy Incorporated &#174;</div>

</div>
<div >
	<div  style="font-size:8.0pt;font-family:'Tahoma','sans-serif';color:#595959;float:left">%%Street%%&nbsp;|&nbsp;%%City%%,&nbsp;%%State%%&nbsp;%%ZipCode%%&nbsp;|&nbsp;
	<span  style="font-family:WingDings;font-size:12.0pt;">(</span>
	&nbsp;%%PhoneNumber%%&nbsp;&nbsp;|&nbsp;
	<span  style="font-family:'WingDings 2';font-size:12.0pt;">7</span>
	&nbsp;&nbsp;%%FaxNumber%%&nbsp;|&nbsp;
	<span style="font-family:WingDings;font-size:12.0pt;">*</span>
	<a href="mailto:%%Email%%">&nbsp;%%Email%%</a>
</div>
<br>
<br>
<div>
	<div style="text-align:left;font-family:'Calibri','sans-serif';font-size:9.0pt;" >
		<span style="font-size:8.0pt;font-family:Wingdings;color:#4D4D4D">8</span>
		<a href="http://www.la-z-boy.com/">www.la-z-boy.com</a> |
		<img src="http://www.randomsketches.com/SignatureIcons/facebook.png" />&nbsp;<a href="http://www.facebook.com/lazboy">facebook.com/lazboy</a> | 
		<img src="http://www.randomsketches.com/SignatureIcons/twitter.png" />&nbsp;<a href="http://www.twitter.com/lazboy">twitter.com/lazboy</a> | 
		<img src="http://www.randomsketches.com/SignatureIcons/youtube.png" /><a href="http://www.youtube.com/lazboy">youtube.com/lazboy </a>
	</div>
</div>
<br>
<div>
&nbsp;<img src="http://www.randomsketches.com/SignatureIcons/lzblogo.png" />
</div>
</body>
</html>

Open in new window

0
Comment
Question by:tarheelfan0608
  • 2
  • 2
5 Comments
 
LVL 10

Expert Comment

by:GlobaLevel
ID: 39638714
I'm not sure what the actual problem is...I personally think that &nbsp can be an issue also see

http://www.totalcodeheaven.com/Switch_Statement.aspx



From: Russ <russ@russnardo.com>
Date: November 10, 2013, 2:11:38 PM CST
To: russnardo@yahoo.com
0
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39638753
If you mean the space between the telephone, email address etc and the social links, then it's likely down to the 2 <br> tags! Remove them.
0
 

Author Comment

by:tarheelfan0608
ID: 39638763
If I remove the <br> tags it looks great in Outlook but when I send to an external address like Gmail it looks like this now:

Internet Mail
0
 

Author Comment

by:tarheelfan0608
ID: 39638774
I think I may have fixed my own issue. I created a new Transport rule with the <br> tags and have that set up for External Users only...

And then made the one without the <br> tags for Internal Messages...
0
 
LVL 43

Accepted Solution

by:
Chris Stanyon earned 500 total points
ID: 39638782
The reason it looks like that is because of the float:left on the first DIV. You need to clear that:

<div style="clear:both;">
	<div style="text-align:left;font-family:'Calibri','sans-serif';font-size:9.0pt;" >
		<span style="font-size:8.0pt;font-family:Wingdings;color:#4D4D4D">8</span>
		<a href="http://www.la-z-boy.com/">www.la-z-boy.com</a> |
		<img src="http://www.randomsketches.com/SignatureIcons/facebook.png" />&nbsp;<a href="http://www.facebook.com/lazboy">facebook.com/lazboy</a> | 
		<img src="http://www.randomsketches.com/SignatureIcons/twitter.png" />&nbsp;<a href="http://www.twitter.com/lazboy">twitter.com/lazboy</a> | 
		<img src="http://www.randomsketches.com/SignatureIcons/youtube.png" /><a href="http://www.youtube.com/lazboy">youtube.com/lazboy </a>
	</div>
</div>

Open in new window

Either that or drop the float:left completely - can't see that you need it.
0

Featured Post

Active Directory Webinar

We all know we need to protect and secure our privileges, but where to start? Join Experts Exchange and ManageEngine on Tuesday, April 11, 2017 10:00 AM PDT to learn how to track and secure privileged users in Active Directory.

Question has a verified solution.

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

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

828 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