|
|
Posted by zorro on 07/06/07 17:30
Even if you seem to be bored by this question (perhaps because as a
French, I do not speak your language as well as I should to post on this
forum), you understand acurately my problem and give me the answer: "you
cannot do that in CSS".
The reason why I would like to do this is that thanks to some JS code,
the CSS is dynamically resized and moved.
And the reason why I do not know if this is landscape or portrait shaped
is that the pictures are listed from a directory with PHP before, so
that I can add pictures in the directory and make them be taken into
account without needing modifying the code. I am going to see if PHP can
get access to the header of the jpg and get the width and height of the
picture.
Thanks for your time...
David L.
Jukka K. Korpela a écrit :
> Scripsit zorro:
>
>> I have a square shaped CSS
>
> Really? Sounds like a mauve database. But you could have compensated for
> the absurdity of the problem description by specifying the URL of your
> page. After all, if we can see the page, we can often figure out what
> the problem is.
>
>> and I would like to resize a picture to fit it.
>
> Oh.
>
>> The problem is that I do not know if it is a portrait or landscape
>> shape picture, so I do not know whether it is the height or the width
>> that must be resize to 100% of the CSS.
>
> Probably "square shaped CSS" means an HTML element, probably a div
> element, for which you suggest height and width properties with the same
> value, in CSS. And now you apparently want to use CSS to scale an image,
> with arbitrary intrinsic dimensions, so that it fits into the square
> occupied by the element and is as large as possible, within those limits.
>
> The simple answer is that you cannot do that in CSS.
>
> Why do you want to make browsers scale an image in the first place? Old
> browsers used to scale very poorly, and hardly any browser scales better
> than an average image processing program. So why don't you just do the
> scaling server-side?
>
Navigation:
[Reply to this message]
|