Comments on: How To Resize Images With CSS – Keeping Aspect Ratio As It Is: Quick & Easy http://blog.sachinkraj.com/how-to-resize-images-with-css/ Web Development Tutorials, How-To's and Design Tips Tue, 07 Feb 2012 12:12:00 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Enrico http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-6839 Enrico Fri, 06 Jan 2012 17:06:05 +0000 http://blog.sachinkraj.com/?p=1221#comment-6839 It works great but not perfect. 1. If your image has no width and height specified then as pdfmania just said you need to declare just one size on your CSS and the other size will adjust automatically. 2. If your image has width and height properties specified then your code works good and does the job. 3. but if your image has width or height specified using style attribute then it doesn't work cause inline style (or even internal stylesheets if you are using it on an external one) have higher priority It works great but not perfect.
1. If your image has no width and height specified then as pdfmania just said you need to declare just one size on your CSS and the other size will adjust automatically.

2. If your image has width and height properties specified then your code works good and does the job.

3. but if your image has width or height specified using style attribute then it doesn’t work cause inline style (or even internal stylesheets if you are using it on an external one) have higher priority

]]> By: Artyom http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-6835 Artyom Fri, 06 Jan 2012 07:03:25 +0000 http://blog.sachinkraj.com/?p=1221#comment-6835 Thanks! I've modified a bit to resize only big images: .post img { max-width: 730px; width: expression(this.width > 730 ? 730: true); height: auto; } Thanks! I’ve modified a bit to resize only big images:

.post img {
max-width: 730px;
width: expression(this.width > 730 ? 730: true);
height: auto;
}

]]> By: pdfmania http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-4267 pdfmania Sat, 17 Sep 2011 06:09:55 +0000 http://blog.sachinkraj.com/?p=1221#comment-4267 i just put code .divclass img{width:50%} don't think need the height , it will adjust automatically, save a little file size. i just put code
.divclass img{width:50%}
don't think need the height , it will adjust automatically, save a little file size.

]]> By: Gonzalo http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-4239 Gonzalo Fri, 19 Aug 2011 15:11:17 +0000 http://blog.sachinkraj.com/?p=1221#comment-4239 this code worked perfectly for me .imgitem { width: auto; height: auto; max-width: 65px; max-height: 65px; } and it resizes keeping any ratio that the image has this code worked perfectly for me

.imgitem {
width: auto;
height: auto;
max-width: 65px;
max-height: 65px;
}

and it resizes keeping any ratio that the image has

]]> By: Jack Isidore http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-4218 Jack Isidore Sat, 06 Aug 2011 07:47:11 +0000 http://blog.sachinkraj.com/?p=1221#comment-4218 wonderful, thanks thanks thank thank... wonderful, thanks thanks thank thank…

]]> By: best car collection http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-4208 best car collection Thu, 28 Jul 2011 20:20:00 +0000 http://blog.sachinkraj.com/?p=1221#comment-4208 Thanks you... :D Thanks you… :D

]]> By: sakins http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-4168 sakins Thu, 30 Jun 2011 15:46:28 +0000 http://blog.sachinkraj.com/?p=1221#comment-4168 perfect! perfect!

]]> By: ausfahrt http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-4133 ausfahrt Mon, 13 Jun 2011 04:57:06 +0000 http://blog.sachinkraj.com/?p=1221#comment-4133 I have a different question, this may or may not be possible. Let's make this simple and say I have a viewing area of 1000x1000. All of my images are 300x400 or 400x300. I always want the longer edge (even though it is not that size) be 1000px, or 100%. Now my issue is that, I could change for some and for others, but I have a javascript that is switching the image from one to another. So I want it to be able to always have css make the longer edge 100% while keeping the aspect ration. Is it possible? I have a different question, this may or may not be possible. Let's make this simple and say I have a viewing area of 1000×1000. All of my images are 300×400 or 400×300. I always want the longer edge (even though it is not that size) be 1000px, or 100%. Now my issue is that, I could change for some and for others, but I have a javascript that is switching the image from one to another. So I want it to be able to always have css make the longer edge 100% while keeping the aspect ration. Is it possible?

]]> By: Eric http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-4115 Eric Thu, 02 Jun 2011 08:54:44 +0000 http://blog.sachinkraj.com/?p=1221#comment-4115 sorry, it works:) sorry, it works:)

]]> By: Eric http://blog.sachinkraj.com/how-to-resize-images-with-css/#comment-4114 Eric Thu, 02 Jun 2011 08:52:32 +0000 http://blog.sachinkraj.com/?p=1221#comment-4114 only work IE7-, not work for FF/Safari/IE8+ only work IE7-, not work for FF/Safari/IE8+

]]>