Allignment is not coming properly  on other mail box ?

Posted on 2014-08-22
Last Modified: 2014-08-27
Hello expert,
below is my code,
This text is coming in mail but when i am forwarding this mail to  outlook or gmail in that case
below text  are  not coming properly
<pre><font face="Times New Roman" ><table border="1" style="width:600px">
<tr>  <td>ABC </td><td>EEE: +88-2-999-0909 </td><td>ABC *946-8078</td></tr>
<tr>  <td>BCC </td><td>EEE: +88-2-999-0909</td><td>ABC: *447-6540</td></tr>
<tr>  <td>C</td><td>EEE: +88-2-999-0909<</td><td>ABC: *427-1414</td></tr>
<tr>  <td>D</td><td>EEE: +88-2-999-0909<</td><td>ABC: *983-4292</td></tr>

Open in new window


Displaying Like :

ABC                       EEE: +88-2-999-0909          ABC *946-8078
BCC                       EEE: +88-2-999-0909          ABC: *447-6540
C       EEE: ++88-2-999-0909          ABC: *427-1414
D       EEE: +88-2-999-0909          ABC: *983-4292

expected: alignment should be proper from left for every  column from left. here it is not looking proper what i have given here. but it should be proper alignment.
ABC                       EEE: +88-2-999-0909          ABC *946-8078
BCC                       EEE: +88-2-999-0909          ABC: *447-6540
C                          EEE: +88-2-999-0909         ABC: *427-1414
D                          EEE: +88-2-999-0909          ABC: *983-4292

Question by:deve_thomos
    LVL 32

    Accepted Solution

    email clients are notorious for screwing with embedded html, so it may be out of your control. with that said, you may want to try specifying a fixed with for each of your columns and see if that helps. also, your html is invalid, your <pre> tags are not correctly placed, and neither is your font tags. try something like this:

    <table border="1" style="width:600px; font-family: Times New Roman;">
    <tr>  <td style="width:200px;" >ABC </td>
    <td style="width:200px;">EEE: +88-2-999-0909 </td>
    <td style="width:200px;">ABC *946-8078</td></tr>
    <tr>  <td style="width:200px;">BCC </td>
    <td style="width:200px;">EEE: +88-2-999-0909</td>
    <td style="width:200px;">ABC: *447-6540</td></tr>
    <tr>  <td style="width:200px;">C</td>
    <td style="width:200px;">EEE: +88-2-999-0909<</td>
    <td style="width:200px;">ABC: *427-1414</td></tr>
    <tr>  <td style="width:200px;">D</td>
    <td style="width:200px;">EEE: +88-2-999-0909<</td>
    <td style="width:200px;">ABC: *983-4292</td></tr>

    Open in new window

    LVL 42

    Expert Comment

    by:Rob Jurd, EE MVE
    Outlook uses Word to render webpages and gmail strips a lot of formatting out.

    This is the bible when it comes to sending html emails:

    I did a heap of email templates and ended up using campaign monitor for sending any marketing material on email.    The principles are still the same when it comes to sending formatted content.

    So what I suggest is if how it looks is important then you should either create a pdf or other relevant document and attach that, even an image will work.  It's not ideal but email tries to do too much when it comes to displaying messages, it should stick to just sending/receiving them.  The singing telegram didn't last long did it *laughing*

    Author Closing Comment

    Thanks a lot...

    Featured Post

    Top 6 Sources for Identifying Threat Actor TTPs

    Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

    Join & Write a Comment

    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
    In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

    745 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

    Need Help in Real-Time?

    Connect with top rated Experts

    17 Experts available now in Live!

    Get 1:1 Help Now