Fred, Here's the simple answer, and granted I'm not so much into email design as I used to be so I might be missing something here. Answer: For desktop - put a 1x1 transparent gif image where you want the image to be in your mobile / tablet versions. No worry about it showing the image in desktop view. For mobile - give the 1x1 pixel a background image (the image you want to show). Size each instance of the image per your targeted screen width as you cannot resize the background image using styling...width="xxx" will only show/hide more or less of the image. Set repeat to none and you should be good to go.
On Thu, Oct 17, 2013 at 5:40 AM, Hahnel, Fred (DET-MRM) < [email protected]> wrote: > Good morning all, > > I am writing a HTML responsive email template. > > I will need to hide an image when users view the email on a desktop, but > still show the image on a tablet and mobile phones. My current template > shows the images correctly in mobile and tablet, but displays the image on > a desktop which is undesirable. Oh...and I would like this to work in > GMAIL as well. > > Any advice? > > -Fred Hahnel > > This message contains information which may be confidential and > privileged. Unless you are the intended recipient (or authorized to receive > this message for the intended recipient), you may not use, copy, > disseminate or disclose to anyone the message or any information contained > in the message. If you have received the message in error, please advise > the sender by reply e-mail, and delete the message. Thank you very much. > > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
