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;
}
your html would look like this:
<img class="image-left" src="images/image-right-fpo.jpg" />
Marsha Bryant
Templates in Time
Web Templates Are Our Speciality
-----Original Message-----
From: [email protected]
[mailto:[email protected]] On Behalf Of John J
Sent: Monday, March 07, 2016 1:35 PM
To: Tom Livingston; [email protected]
Subject: 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 at 10:31 AM, Tom Livingston <[email protected]> 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 <[email protected]> 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 [[email protected]]
>> 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 [[email protected]]
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 [[email protected]]
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/
