[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.
Question
[x]
Attachment Details

Email Campaigns: Tweaks for Images or Layout Spacing in Hotmail

Asked by universalglove in Hypertext Markup Language (HTML), Internet & Email Software, Internet Explorer Web Browser

Tags: emails HTML tables images Hotmail Live Mail Microsoft

Does anyone know of tweaks for HTML to get images to display without extra spacing below them in Hotmail?
I have the td tags directly before / after the img tag.
I tried setting padding / margin styles to 0px for the image.
Cellpadding / cellspacing set to 0.
I specified the height of the tds in the row, and none of the content should violate that.

A previous version did work when the height of the table overall was specified, but that was before I needed to apply a revision to make an image jut outside of the box i.e. the table (thus needing to make my table bigger to contain the image, but not look like it).

I've tried various configurations, but to no avail.
Any suggestions? Anything I'm doing wrong? 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

<div align="center">
	<table width="652" height="165" cellpadding="0" cellspacing="0" border="0" bgcolor="#FFFFFF">
		<tr>
			<td rowspan="2" width="144" valign="top" align="left"><a href="http://example.domain.com" shape="rect" target="_blank"><img src="http://example.domain.com/image1.jpg" alt="This is the image that overhangs the box. It has an artificial border to the left and a border beneath at 112 pixels down, beneath the overlaying image, with #FFFFFF background below that." width="144" height="165" border="0" style="margin: 0px; padding: 0px;"></a></td>
			<td valign="top" height="112" bgcolor="#50264A">
				<font color="#FFFFFF" face="Verdana, Arial, sans-serif">
					<p style="text-align: center; font-size: 12px; line-height: 14px; margin-top: 6px; margin-bottom: 0px;"><strong><font color="#DACAD4">Opening text!</font></strong></p>
					<p style="text-align: left; font-size: 12px; line-height: 14px; margin-top: 6px; margin-bottom: 0px;">Body text advertising given product is approximately this long and no longer. It consists of approximately one long sentence that goes on to about this length. It was approximately this long.</p>
					<p style="text-align: center; font-size: 12px; line-height: 14px; margin-top: 6px; margin-bottom: 6px;"><a href="http://example.domain.com" shape="rect" target="_blank" style="text-decoration: none;"><strong><font color="#FFFFFF">Order your own <font color="#DACAD4" style="text-decoration: underline;">Darn Product</font> today!</font></strong></a></p>
				</font>
			</td>
			<td width="144" height="112" valign="top" align="right" style="border-right-width: 1px; border-right-color: #FFDE66; border-right-style: solid;"><a href="http://example.domain.com" shape="rect" target="_blank"><img src="http://example.domain.com/image2.jpg" alt="This image ends up with 3 or 4 pixels of space beneath, pushing the border of the subsequent row down, as well as misaligning the bottom of the previous td with image1.jpg's artificial division line." width="144" height="112" border="0" style="margin: 0px; padding: 0px;"></a></td>
		</tr>
		<tr>
			<td colspan="2" width="508" height="53" valign="top" align="left" style="border-top-width: 1px; border-top-color: #FFDE66; border-top-style: solid;">&nbsp;<!-- This portion originally used a pixel.gif, but that just opened up more displacement issues.--></td>
		</tr>
	</table>
</div>
 
Related Solutions
Keywords: Email Campaigns: Tweaks for Images …
Title
1 table border colour not working in email
2 Layers Are Out of Place When Brows…
3 Popup Menu
 
Loading Advertisement...
 
[+][-]11/06/09 10:02 PM, ID: 25765163Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]11/10/09 03:44 PM, ID: 25791200Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]11/10/09 08:51 PM, ID: 25792384Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]11/11/09 04:48 PM, ID: 25800705Author Comment

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 30-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20091118-EE-VQP-93 - Hierarchy / EE_QW_3_20080625