Milind Anantwar Milind Anantwar - 6 months ago 44
HTML Question

Image style height and width not taken in outlook mails

I have a following dom structure in html content I am sending as email.

<a href="http://content.mindmatrix.net/email/814xjqjmpj5r/b59tqx7tzz2x7"
target="_new">
<span style='text-decoration:none;text-underline:none'>
<img border=0 id="_x0000_i1026"
src="http://dev.mindmatrix.net/page/e7c9cf53-bae8-4024-a561-355f950cb26b/635246986810000000/original.jpeg?userid=cozmwz91irkm1"
style='border-bottom-color:black;border-bottom-style:solid;border-bottom-width:
1px;border-left-color:black;border-left-style:solid;border-left-width:1px;
border-right-color:black;border-right-style:solid;border-right-width:1px;
border-top-color:black;border-top-style:solid;border-top-width:1px;
height:150px;width:120px'>
</span></a>


I am giving style
height:150px;width:120px
to image for making it of size thumbnail. Actual height and width of this image is very large. Problem is, this style is not taken when mail goes in outlook inbox. So my questions are -

1)How can i make the css work for setting height and width.

2) Image appears blur in Windown live mail. I am not sure whether it will persist in outlook when i will succeed in fixing style of height and width. so how can i fix this

Answer

Not sure this will work, you can give it a try :-

<img border=0 id="_x0000_i1026"
 src="images/img.jpg" width="120px" height="150px" />

ANother try :-

<img style="margin: 0; border: 0; padding: 0; display: block;"
src="images/img.jpg" width="120" height="150">

Another Option :-

<!--[if gte mso 9]>
<style type="text/css">
img.header { width: 600px; } /* or something like that */
</style>
<![endif]-->
Comments