Re: [css-d] why image won't scale?

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

Re: [css-d] why image won't scale?

FWIW, I removed a redundant style to avoid confusion... On Mon, Mar 7, 2016 at 4:46 PM, Tom Livingston wrote: > Maybe this will help: > > http://tomliv.com/css-d/jaj/ > > On Mon, Mar 7, 2016 at 4:12 PM, John J wrote: > >> to my eye, I am applying the same

Re: [css-d] why image won't scale?

Maybe this will help: http://tomliv.com/css-d/jaj/ On Mon, Mar 7, 2016 at 4:12 PM, John J 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,

Re: [css-d] why image won't scale?

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

Re: [css-d] why image won't scale?

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" wrote: >that's what I'm

Re: [css-d] why image won't scale?

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,

[css-d] FW: why image won't scale?

John, Try this in your css file: img { border: none; max-width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } Then you can place a class on the image itself for left align: .image-left { margin: 5px 10px 0 0; float: left; }

Re: [css-d] why image won't scale?

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 wrote: > Sorry...that first email I sent accidentally..I meant to include a link..it > is: > > john-a-johnson.com > >

Re: [css-d] Image won't scale

Add a style of width:100%; to the img tag. Greg -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of John J Sent: Monday, March 07, 2016 10:20 AM To: css-d@lists.css-discuss.org Subject: [css-d] Image won't scale I

Re: [css-d] why image won't scale?

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

Re: [css-d] why image won't scale?

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 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; >

[css-d] Image won't scale

I have the css below applied to an image at: john-a-johnson.com yet the image won't scale when view port resizes..can anyone point out what I'm doing wrong? Thank you! John .image-right{ float:right; max-width: 100%; height: auto; }

[css-d] why image won't scale?

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]