Solved

HTML Assistance

Posted on 2013-11-11
5
255 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 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

The Ultimate Checklist to Optimize Your Website

Websites are getting bigger and complicated by the day. Video, images, custom fonts are all great for showcasing your product/service. But the price to pay in terms of reduced page load times and ultimately, decreased sales, can lead to some difficult decisions about what to cut.

Question has a verified solution.

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

Mailbox Overload?
This article describes how to import an Outlook PST file to Office 365 using a third party product to avoid Microsoft's Azure command line tool, saving you time.
This Experts Exchange video Micro Tutorial shows how to tell Microsoft Office that a word is NOT spelled correctly. Microsoft Office has a built-in, main dictionary that is shared by Office apps, including Excel, Outlook, PowerPoint, and Word. When …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

696 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