I'd have to *respectfully* disagree with some of the below. For reasons like images being hidden by default in some email clients, I'd recommend using live text as much as possible.
Also, I'd recommend sticking with px font-sizing for email client compatibility and getting results that are more like you'd expect. I do agree with background images being sketchy as far as support goes. I'd suggest a band of that BG texture as an image above the text headline as a safer layout and allowing live text still for headline (which is important text IMHO). Of course, you could use a fallback solid color if that's ok with you. As always, all your mileages may vary. Also, I'd recommend an email testing service like emailonacid.com or litmus.com. We use emailonacid.com as it lets us use a url to test from so you don't need to have to set up a blast to get your email into the testing service. HTH On Tue, Feb 21, 2017 at 9:45 AM, Rod Castello <rodcastel...@gmail.com> wrote: > Hi Ron, > I see a lot of issues with your media queries. They need to be target to > the classes you've tagged onto your <td>'s. Such as "top" and "header". > You should just try to get one thing working at a time, such as the hero > area, which will need to turned into an image. Email clients don't > consistently support background images, especially with live text over > them. > Take the headline" ANTEC 2017, subhead and date and merge with the > background image and create a "hero image". > Then just try and set that up in a table using an absolute url for the > image. Give the image width as 100%. If needed you can create multiple > hero images if the text looks too small when reduced to "320px" on small > screens. Then you show an hide those when appropriate with your MQ's. > For the copy, try using "em" sizes instead of "px" sizing and they will > resize automatically when the screen size is reduced. You can use "px" but > will probably need to use different sizing at your various break points. > > I would offer more help with examples of code, but need to get to work. > > Rod Castello > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
