RSS Feeds :: DEVPPL - Forums > HTML Forum : Topics : Image Scale Down Only TOGETHER WE ARE THE BEST http://www.devppl.com/forum en-gb Tue, 17 Aug 2004 14:07:13 +0100 Mon, 23 Nov 2009 21:14:15 +0000 http://blogs.law.harvard.edu/tech/rss MSSTI v0.0.1 - (C) 2008 leviatan21 - http://www.mssti.com/ Copyright : (c) RSS Feeds :: DEVPPL - Tue, 17 Aug 2004 14:07:13 +0100 webmaster@devppl.com (DEVPPL) RSS Feeds :: DEVPPL - Forums > HTML Forum : Topics : Image Scale Down Only http://www.devppl.com/forum/styles/DEVPPL-v2/imageset/site_logo.gif http://www.devppl.com/forum 60 Image Scale Down Only http://www.devppl.com/forum/./viewtopic.php?p=51948#p51948 I'm looking for a way (any way, could be html, css or javascript) to make an image to be scale down only. Here is what I means: if I have somethinglike

Code: Select all


it will fill the full space it can occupy (let say the whole viewport). Now if I have image with width resolution of 800px, and my viewport is 1024px, it will be scaled up, and if the viewport is 640px, it will be scaled down.

What I want is that if the viewport is 1024px, it is not scaled at all (remain at the original resolution, that is 800px). But if the viewport is less than 1024px, than it will be scaled down to fit.

Is there a way to do this?

I can do this is using XSL (scalefit="1", width="100%", and contentdepth="100%"). But since my site is going for XHTML 1 Transitional compliance, I can't do that. Any idea how to do it with the normal HTML or CSS2 (or worst case scenario...

Statistics : Posted by gosaldar • on Wed May 27, 2009 10:04 am • Replies 0 • Views 555

]]> I'm looking for a way (any way, could be html, css or javascript) to make an image to be scale down only. Here is what I means: if I have somethinglike

Code: Select all


it will fill the full space it can occupy (let say the whole viewport). Now if I have image with width resolution of 800px, and my viewport is 1024px, it will be scaled up, and if the viewport is 640px, it will be scaled down.

What I want is that if the viewport is 1024px, it is not scaled at all (remain at the original resolution, that is 800px). But if the viewport is less than 1024px, than it will be scaled down to fit.

Is there a way to do this?

I can do this is using XSL (scalefit="1", width="100%", and contentdepth="100%"). But since my site is going for XHTML 1 Transitional compliance, I can't do that. Any idea how to do it with the normal HTML or CSS2 (or worst case scenario...]]> 2009-05-27T10:04:27+01:00 http://www.devppl.com/forum/./viewtopic.php?p=51948#p51948