Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

HTML Assistance

Posted on 2013-11-11
5
Medium Priority
?
260 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 44

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 44

Accepted Solution

by:
Chris Stanyon earned 2000 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

Changing a few Outlook Options can help keep you organized!
By default Outlook 2016 displays only one time zone in the Calendar. The following article explains how to display two time zones in one calendar view.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
This is my first video review of Microsoft Bookings, I will be doing a part two with a bit more information, but wanted to get this out to you folks.
Suggested Courses

609 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