Please find the attached HTML, CSS and image files.
When i copy the content of the HTML file to Email-ext body content area and keep the images and CSS either at workspace or directly as inline CSS and trigger an email., i am not receiving in the same format in outlook as i have in HTML when in open in the browser independently.
I don't see the <BODY> background image or the images that i gave in background:url() property in the recieved email. Also the gradient image that i formed using the below CSS attributes remain plain.
z-index: 2;
top: -13px;
border-width: 3px;
padding: 30px 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
-webkit-box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
. Why is this.? Even i gave the references of the images that are available online in web, even then images are not rendered.
Sometimes in outlook, i even see, "If there are problem viewing this email., open in browser" alert. But even if i open in browser, my css and images were not appearing.
Would be great if someone help me here asap.