well that remedied the scaling problem, and adjusting max-width on the img enabled the image to be to the right of the text, but what's the correct way to get the image to occupy the same position as float:right; did, without messing up the flexible image property?
Thank you! John On Mon, Mar 7, 2016 at 1:33 PM, Karl DeSaulniers <k...@designdrumm.com> wrote: > check your float. > float will make images be wrapped by text. > > Best, > > Karl DeSaulniers > Design Drumm > http://designdrumm.com > > > > On Mar 7, 2016, at 3: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/ > > ______________________________________________________________________ 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/
