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

tarheelfan0608Asked:
Who is Participating?
 
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
 
GlobaLevelProgrammerCommented:
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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.