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/
