FWIW, I removed a redundant style to avoid confusion... On Mon, Mar 7, 2016 at 4:46 PM, Tom Livingston <tom...@gmail.com> wrote:
> Maybe this will help: > > http://tomliv.com/css-d/jaj/ > > On Mon, Mar 7, 2016 at 4:12 PM, John J <cr8...@gmail.com> wrote: > >> to my eye, I am applying the same reasoning to the image as to the text >> hunk to the left of it, yet the text behaves correctly; the image wants to >> break to the next line, and when viewport 400px wide or so, THEN the image >> scales..I simply don't get it.. >> >> On Mon, Mar 7, 2016 at 12:20 PM, Chris Williams <ch...@clwill.com> wrote: >> >> > The issue is not with the style of the img, it's with the styling on the >> > div that includes it. It needs a width spec too. >> > >> > On 3/7/16, 11:52 AM, "css-d-boun...@lists.css-discuss.org on behalf of >> > John J" <css-d-boun...@lists.css-discuss.org on behalf of >> > cr8...@gmail.com> wrote: >> > >> > >that's what I'm noticing, too...I can't tell if it's my media queries >> > >moving to next break before my img has a chance to scale. I notice the >> > >text >> > >chunk does scale; I don't see why the image doesn't scale to the >> extent it >> > >can ‹ before the media query kicks in for the next size.. >> > > >> > >On Mon, Mar 7, 2016 at 11:35 AM, Rod Castello <rodcastel...@gmail.com> >> > >wrote: >> > > >> > >> It scales for me when the viewport falls below 400px in width. It >> falls >> > >> below the left copy block and starts to scale. >> > >> >> > >> >> > >> On Mon, Mar 7, 2016 at 10:34 AM, John J <cr8...@gmail.com> wrote: >> > >> >> > >>> Sorry...that first email I sent accidentally..I meant to include a >> > >>> link..it >> > >>> is: >> > >>> >> > >>> john-a-johnson.com >> > >>> >> > >>> >> > >>> I have it now on the container, but I've experimented with it on the >> > >>>img >> > >>> and doesn't seem to work..I know it's a dumb mistake on my part..I'm >> > >>>just >> > >>> not seeing it.. >> > >>> >> > >>> thank you >> > >>> >> > >>> On Mon, Mar 7, 2016 at 10:31 AM, Tom Livingston <tom...@gmail.com> >> > >>>wrote: >> > >>> >> > >>> > A link is best. However, is the css applied to the image itself, >> or a >> > >>> > container? >> > >>> > >> > >>> > On Mon, Mar 7, 2016 at 1:18 PM, John J <cr8...@gmail.com> wrote: >> > >>> > >> > >>> >> I have an image which I want to scale when the viewport changes >> in >> > >>> size. >> > >>> >> >> > >>> >> The css I have applied to image is: >> > >>> >> >> > >>> >> .image-right{ >> > >>> >> float:right; >> > >>> >> max-width: 100%; >> > >>> >> height: auto; >> > >>> >> } >> > >>> >> >> > >> >>>______________________________________________________________________ >> > >>> >> 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/ >> > >>> >> >> > >>> > >> > >>> > >> > >>> > >> > >>> > -- >> > >>> > >> > >>> > 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/ >> > >>> >> > >> >> > >> >> > >______________________________________________________________________ >> > >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/ >> > > > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > -- 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/
