[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 263
  • Last Modified:

HTML Assistance

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
tarheelfan0608
Asked:
tarheelfan0608
  • 2
  • 2
1 Solution
 
GlobaLevelCommented:
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
 
Chris StanyonCommented:
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
 
tarheelfan0608Author Commented:
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
 
tarheelfan0608Author Commented:
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
 
Chris StanyonCommented:
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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now