• Locked
No replies
Fri, 2015-11-27 18:13
millers
millers's picture
Offline
Enthusiast
Last seen: 2 years 6 weeks ago
Timezone: GMT+1
Joined: 2004-11-22
Posts: 70
Points: 41

I want to create an email to be sent through Outlook with a responsive image. The email is only going to about 20 people who will be mostly using outlook also. Is there a particular trick in making an image responsive in outlook?

Here's what I have, works great in the browser but the Outlook rendering engine doesn't shrink the image.

<html>
<head>
<title>Email</title>
</head>
 
<body style='background-color: red; margin: 0; padding: 0'>
 
<table width='100%' bgcolor="red" cellspacing='0' cellpadding='0'>
	<tr>
    	<td align="center">
        	<table width='80%' bgcolor="#ffffff" cellspacing='10' cellpadding='0'>
            	<tr>
                	<td align="center">
                    	<table width='100%' cellspacing='0' cellpadding='0'>
                        	<tr>
                            	<td width='70%' style='font-family: arial; color: red; font-size: 10px'>Quick email test</td>
                                <td align="right"><a href='#' style='font-family: arial; color: red; font-size: 10px'>View this email in your browser</a></td>
                            </tr>
                        </table>
                    <br />
        				<img src='image.jpg' alt='' style='width:100%' />
                    <br /><br />
                        <table width='100%' cellspacing='0' cellpadding='0'>
                        	<tr>
                            	<td width='70%' valign='top' style='font-family: arial; color: blue; font-size: 18px'>Little message</td>
                                <td align="right"><img src='logo.png' alt='' /></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
 
</body>
</html>

Top
Tags: