Question

I'm making a newsletter. I cant get it to work in Windows Live Mail (the outlook lookalike, not the browserversion).

My code is, simplefied, like this:

<table width="600">
<tr>
    <td width="600">
        <table width="300"><tr><td>SQUARE 1</td></tr></table>
        <table width="275"><tr><td>SQUARE 2</td></tr></table>

        <table width="300"><tr><td>SQUARE 1</td></tr></table>
        <table width="275"><tr><td>SQUARE 2</td></tr></table>

        <table width="300"><tr><td>SQUARE 1</td></tr></table>
        <table width="275"><tr><td>SQUARE 2</td></tr></table>
    </td>
</tr>
</table>

What I am expecting is something like this (which it does in almost all mail programs):

[SQUARE 1][SQUARE 2]

[SQUARE 1][SQUARE 2]

[SQUARE 1][SQUARE 2]

What Windows Live Mail is giving me:

[SQUARE 1][SQUARE 2][SQUARE 1][SQUARE 2][SQUARE 1][SQUARE 2]

I've also set the body width (inline) to 600, doesn't matter. And setting square two to 300 didnt either, giving about everything I could width="600" didn't matter. I'm out of ideas, anyone?
When I view the source in my browser, it looks perfect. The squares need to be tables, I cant make <tr><td>[SQUARE 1]</td><td>[SQUARE 2]</td></tr> because it is dynamic, it could have an odd amount of squares

Edit: I've checked for htmlerrors, apart from the 'dont use width/height/align inline attributes' it's fine.

Was it helpful?

Solution

You also need to add a bit of CSS, if you want faux columns:

table table
{
    float: left;
}

OTHER TIPS

You have repeated the table tag inside the table. Use this instead:

<table width="600">
<tr>
    <td width="300">SQUARE 1</td><td width="275">SQUARE 2</td>
</tr>
<tr>
    <td width="300">SQUARE 1</td><td width="275">SQUARE 2</td>
</tr>
<tr>
    <td width="300">SQUARE 1</td><td width="275">SQUARE 2</td>
</tr>
</table>
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top