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
______________________________________________________________________
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/
