Comments on: The Battle Between Image Width and Column Width http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/ Helping you learn more and do more with WordPress Mon, 20 May 2013 11:43:48 +0000 hourly 1 http://wordpress.com/ By: WordPress Plugins for Images, Photographs, and Graphics http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-939520 Sat, 16 Apr 2011 15:45:33 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-939520 [...] Width WordPress Plugin sets a maximum image width so large inline images won’t destroy your WordPress Theme layout and design. It adds height and width parameters to all IMG tags so the pages will load faster and conserves [...]

]]> By: Hello world! | Blood And Glory http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-939154 Fri, 01 Apr 2011 12:44:20 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-939154 [...] The Battle Between Image Width and Column Width « Lorelle on WordPress [...]

]]> By: Lorelle VanFossen http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-926959 Tue, 22 Dec 2009 01:59:41 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-926959 You cannot change the width without changing the height. There are discussions on that subject within the comments, if memory servers. Since I do not know how you used the code, nor if you are using WordPress, it’s hard to give you an answer.

]]> By: Jimmy http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-926947 Mon, 21 Dec 2009 03:54:21 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-926947 Hello. I’ve tried the coding above.
However the image is still distorted cause the height value remain unchanged (so I need to change it manually by using HTML view)

Any idea to help me solve the issue.

]]> By: Lorelle VanFossen http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-925031 Mon, 05 Oct 2009 17:40:34 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-925031 Well done. Thanks for letting us know how it worked for you.

]]> By: Juuth http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-925027 Mon, 05 Oct 2009 11:32:47 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-925027 Hi Lorelle, thanks for your support. I did as you told me to but the images remained distorted at first. I have now found the solution: set the height to ‘auto’, like this:

p img {
padding: 0;
max-width: 100%;
height: auto;
}
#header, #content, #footer, .widget {
overflow: hidden;
}

]]> By: Lorelle VanFossen http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-924993 Sun, 04 Oct 2009 05:35:44 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-924993 Depends upon what you are doing. If you are putting in a single image forever, size it on both height and width. If you are changing the images constantly, then have it set to max-width and make sure you don’t choose any images that are too long to include in the sidebar. The width can be set manually or through the CSS, as explained in th article. If the images are appearing distorted, you’re doing something wrong with the size, so set a max-width in the CSS and do not set the height and the images will take care of themselves.

]]> By: Juuth http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-924981 Sat, 03 Oct 2009 12:46:56 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-924981 Thank you Lorelle. Now do you mean i have to adjust every image seperately, or can i do something that will resize ANY image to fit the posts section (=not overlap the sidebar) while respecting the image’s original width and height? I’ve just found my way to WordPress and am learning by the day… Your blog is a great help! :)

]]> By: Lorelle VanFossen http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-924919 Tue, 29 Sep 2009 20:37:01 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-924919 You need to set the height, and the width, of the images in the image HTML tag. That will resolve that issue.

]]> By: Juuth http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-924907 Tue, 29 Sep 2009 08:10:51 +0000 http://lorelle.wordpress.com/2006/10/07/the-battle-between-image-width-and-column-width/#comment-924907 Great help, thanks :) . Now my sidebar is safe. Only the heighth doesn’t change with the width, so now my images are deformed. Does anyone know some code that will adjust the image heighth according to its width? Thank you!

]]>