Solved

Sending an email with images (HTML) on a free email account seems to space out the images, even though there should not be!

Posted on 2011-02-27
1
172 Views
Last Modified: 2012-08-13
Please see images to understand what I mean.

When I am sending with a recieving with a free email account, like hotmail, gmail, etc, when I position an image RIGHT below another image, they always seem to have a space between them. I can send the same email to a general email account (non free), and it works fine.

A simple test is sending this to a hotmail account:

<img src="http://img29.imageshack.us/img29/1986/image1kwq.png"><br><img src="http://img198.imageshack.us/img198/7645/image2dz.png">

And you'll get the space in between the images like I have, but only in a free style account.  The wierd thing is you can COMPOSE the message inside hotmail, and it looks fine, and then send it, and it gets ruined by the space. Am I missing something that hotmail/etc requires to remove those spaces in my HTML?

I'll attach an example, the left is the composing, the right is the result after its sent and I am viewing it. Maybe some CSS is required? etc?

Any suggestions?
example.png
0
Comment
Question by:Valleriani
1 Comment
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 34993802
This page http://www.campaignmonitor.com/css/ shows how varied the support for CSS is in different email clients.  In addition, Gmail, Yahoo, and Hotmail rewrite the email to protect the code that displays the page.  All you can do is try different things until something works on all of them.  But it can be frustrating.
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
align Linkedin sign to the right page 5 35
login jsp example 24 47
CSS to create a button that has inward arrows at both ends 1 28
URGENT - Wordpress site missing  theme 9 40
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Are you irritated by repeating emails issue in Microsoft Outlook 2016 after recent update ?  Lets’ see how to resolve and prevent duplicate emails in the Outlook 2016 using some simple techniques.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

785 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