> On Oct 17, 2013, at 3:20 PM, Jay Tanna wrote:
>
> Will something like this work?
>
> @media only screen and (min-width: 769px) {
>
> img {
> display:none;
> }
>
> }
>
For an email client that ignores MQs, the img here would still be visible in
the email.
>
___
Will something like this work?
@media only screen and (min-width: 769px) {
img {
display:none;
}
}
you can add specificity if there is one image you want to block.
Good morning all,
I am writing a HTML responsive email template.
I wi
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 v
Inasmuch as the most basic aspect of responsive design is elastic content,
tables can still allow this to some degree. Conditionally revealing content
(ie with an inline style of `display:none`, overruled by conditional
selector styles) would be difficult because media query support across the
popu
ssage-
From: Markus Ernst [mailto:[email protected]]
Sent: Thursday, October 17, 2013 9:47 AM
To: Hahnel, Fred (DET-MRM)
Cc: CSS Discuss
Subject: Re: [css-d] HTML email question
Am 17.10.2013 14:40 schrieb Hahnel, Fred (DET-MRM):
> Good morning all,
>
> I am writing a HTML responsive email
Am 17.10.2013 14:40 schrieb Hahnel, Fred (DET-MRM):
Good morning all,
I am writing a HTML responsive email template.
Are you aware of the fact that e-mail clients are currently not reliably
able to render modern HTML and CSS correctly at all? Outlook versions
2007 and 2010 e.g. use the ren
> Any advice?
>
> -Fred Hahnel
>
We used the below as a starting point. Show/hide seems risky to me as
you will most likely find a client that won't hide what you need
hidden.
http://www.campaignmonitor.com/blog/post/3442/mobile-email-design-in-practice/
HTH
--
Tom Livingston | Senior Front
2013 8:46 AM
To: Hahnel, Fred (DET-MRM)
Cc: CSS Discuss
Subject: Re: [css-d] HTML email question
By "on a desktop", do you mean they are viewing it in an email client (Outlook,
Thunderbird, etc.) on a desktop machine, viewing it in a browser based client
(Gmail, Yahoo!, etc.), or vie
By "on a desktop", do you mean they are viewing it in an email client
(Outlook, Thunderbird, etc.) on a desktop machine, viewing it in a browser
based client (Gmail, Yahoo!, etc.), or viewing it in a browser (i.e. they
click on a "View in Browser" link)? The only way CSS could do something
like th
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 deskt
10 matches
Mail list logo
