Hi Peter,
I meant..
with <img style="width:100%; height:auto;" src="dog.jpg" alt="cat" width="100"
height="100">
"style" is inline css
"width=" is hard coded
as apposed to and external css
<style>
.dog {
width:100%;
height:auto;
}
</style>
I thought you were saying .dog would overrule the inline style.
My misunderstanding.
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Apr 14, 2016, at 4:26 PM, "Peter H." <[email protected]> wrote:
> Hi Karl, I'm not sure what you mean by 'hard coded or inline'.
>
> Make a test page and place an image:
>
> <img style="width:100%; height:auto;" src="dog.jpg" alt="cat" width="100"
> height="100">
>
> The image will fill 100% of its container's width. It makes no difference if
> the css is inline, in the head or in an external sheet.
>
> Best regards, Peter
>
>
> -----
>> On 14 Apr 2016, at 23:03, Karl DeSaulniers <[email protected]> wrote:
>>
>> I don't believe this is correct. Widths and heights hard coded or inline
>> trump external.
>> Unless I missed something along the way. (: ))
>>
>> Best,
>> Karl DeSaulniers
>>
>>
>>
>>> On Apr 14, 2016, at 2:24 PM, "Peter H." <[email protected]> wrote:
>>>
>>> If you specify any img width in the css then the html widths will have no
>>> effect.
>
> ______________________________________________________________________
> 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/
