Hi everyone,

I'm just searching the web for hours to find a solution... I did, but it doesn't work in my case. That's why I need you.

I'm want to create rounded corners on a e-mail. So I've a bottom line with 3 <TD> :

  • One for the bottom left corner (15px*15px image)
  • One for the middle colored rectangle
  • One for the bottom right corner (15px*15px image)

What I want :

The problem is that I need the line to be exactly 15px high, but it seems to be much higher !!

Here is my HTML code for the line :

    <tr>
        <td height="15" width="15" style="line-height:15px; font-size: 15px; text-align:right">
            <img style="display:block;" height="15" src="corner-bottomleft.png">
        </td>
        <td height="15" bgcolor="#ffffff" width="15" colspan="3" style="line-height:15px; font-size: 15px;">
            &nbsp;
        </td>
        <td height="15" width="15" style="line-height:15px; font-size: 15px;">
            <img style="display:block;" height="15" src="corner-bottomright.png">
        </td>
    </tr>

Any idea ?
Thanks a lot !