Re: sizing a picture on a webpage

  • From: "qubit" <lauraeaves@xxxxxxxxx>
  • To: <programmingblind@xxxxxxxxxxxxx>
  • Date: Sat, 29 May 2010 09:30:10 -0500

Ok, thanks, but the next question is, how do I keep from getting the picture 
ratios wrong if I reduce to a height and a width with a different ratio than 
the original pic? Does the browser correct for this, or do I get a pic 
stretched out one direction and squashed the perpendicular direction?
I noticed in the css example on w3schools that it used height and width 
attributes with values of "auto".  Does this mean if I shrink a pic in one 
direction, the browser will shrink it automatically in the perpendicular 
direction? Not sure about the meaning of auto for these attributes.
Thanx
--le

----- Original Message ----- 
From: "black ares" <matematicianu2003@xxxxxxxxxxx>
To: <programmingblind@xxxxxxxxxxxxx>
Sent: Saturday, May 29, 2010 12:28 AM
Subject: Re: sizing a picture on a webpage


it is about the width of the enclosing block element.
So if the image is in a div, 20% means 20% of thw width of that div.
But use please css, not width and height of the image.

----- Original Message ----- 
From: "qubit" <lauraeaves@xxxxxxxxx>
To: "bprogramming" <programmingblind@xxxxxxxxxxxxx>
Cc: "bwebbers" <blindwebbers@xxxxxxxxxxxxxxx>
Sent: Saturday, May 29, 2010 6:41 AM
Subject: sizing a picture on a webpage


> Hi all --
> I asked this on blindwebbers but no one who knows the answer seems to be
> online there tonight. I am putting up my personal webpage and want to put
> a
> picture on it so that it is sized to fit in a space that occupies 24% ov
> the
> width of the screen. I read about the css and xhtml for images and still
> can't find anywhere that says what the % means when used in the context of
> the height or width of a picture. If I say
>
> <img src="whatever.jpg" height="90" width="110">
>
> I assume the numbers refer to pixels, as according to the spec, it can be
> either pixels or percent. But if I say width="20%" -- what am I saying?
> Does
> that mean 20% of the whole screen? or the immediately enclosing div? or
> 25%
> the picture's normal size?
>
> The docs tell you to experiment, which is fine if you can see the outcome.
> I'm trying to do this without sighted help.
> So does anyone have an answer?
> And how do I determine the normal size of this picture?
>
> TIA and happy holidays.
> --le
>
>
> __________
> View the list's information and change your settings at
> //www.freelists.org/list/programmingblind
>

__________
View the list's information and change your settings at
//www.freelists.org/list/programmingblind

__________
View the list's information and change your settings at 
//www.freelists.org/list/programmingblind

Other related posts: