you’ve all been helpful. it’s been years since i’ve done any coding..so my html probably sucks… but it seems to work.
i don’t know why i opted to lay the type over the hero image instead of doing it all in mages…thought it might be “the right way” i’ve found a tutorial on MQs at lynda.com <http://lynda.com/>…hopefully that will help. and i thought tables would be easy.. rgds, ron > On 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 > > > On Tue, Feb 21, 2017 at 5:25 AM, Ron Zisman <ronzis...@mac.com> wrote: > >> karl, >> >> http://ricochet.org/plastics_feb20.html >> >> i’ve been trying to work with media queries. i think understand the basic >> concepts, i’ve done some tutorials, rebuilt the html and am still banging >> my head. >> >> i theory, it seems like it shouldn’t be that hard. a wrapper and fixed >> container. when i apply the query, it goes liquid and won’t hold the 600 >> measure. >> >> sorry to be so dense, but i’m going nuts—i’m done a few tutorial from >> litmus .no <http://litmus.no/> luck. i was hoping to get an extremely >> simple example. >> >> >> most of the examples i’ve seen have a ton of resets and queries—its a >> blur. its not from not trying. —thanks again, >> >> ron >>> On Feb 19, 2017, at 10:05 PM, Karl DeSaulniers <k...@designdrumm.com> >> wrote: >>> >>> Ron, >>> Quick and simple. >>> >>> Google: CSS Media Queries example >>> >>> Download, dissect and learn. >>> >>> GL! >>> >>> Best, >>> >>> Karl DeSaulniers >>> Design Drumm >>> http://designdrumm.com >>> >>> >>> >>> >>>> On Feb 18, 2017, at 7:14 PM, Ron Zisman <ronzis...@mac.com> wrote: >>>> >>>> hi all, >>>> >>>> http://ricochet.org/plastics_engineering.html >>>> >>>> i’m new to email, but most of the table coding went ok, but as i’m >> trying to make it responsive, >>>> i need media queries. i understand the concept, but am having trouble >> with reality. >>>> >>>> a little direction would be appreciated. >>>> >>>> thank you in advance, >>>> —ron >>>> ______________________________________________________________________ >>>> 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/ >>> >>> ______________________________________________________________________ >>> 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/ >> >> ______________________________________________________________________ >> 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/ > > > > > -- > Rod Castello > DIGITAL DESIGN AND DEVELOPMENT > 818.437.7880 > rodcastel...@gmail.com > www.smashcube.com > ______________________________________________________________________ > 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/ ______________________________________________________________________ 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/
