Twelve Eleven – Image resizing

• 

  culturecrosshk · Member · Oct 13, 2011 at 7:03 pm

  • Copy link
  • Add topic to favorites

  Hi there, I have problem fixing the size of images from URL.
  When I set the size of images in the editing panel e.g. 120×180, they all seem to fit right. But when I return to the site, the proportion will change according to their original (example here: http://culturecrosshk.wordpress.com/books-2/2007-2/).
  I realize that this problem can be solved if I copy the images directly from the post (like this: http://culturecrosshk.wordpress.com/books-2/2006-and-before/). But then there will not be any frame/highlight when I hover over the images.
  Appreciate your help, thank you! :)

  The blog I need help with is: (visible only to logged in users)

• 

  airodyssey · Member · Oct 15, 2011 at 1:39 pm

  • Copy link

  Hi. Does this help?

  Image quality

• 

  culturecrosshk · Member · Oct 16, 2011 at 8:27 am

  • Copy link

  thanks airodyssey, for suggesting the article.
  Though this is not exactly what I’m looking for, still a good article to read.
  Thanks. :)

• 

  panaghiotisadam · Member · Oct 16, 2011 at 3:47 pm

  • Copy link

  Are you complaining that you’re seeing all the images larger, or that some are shorter than others?

• 

  culturecrosshk · Member · Oct 17, 2011 at 8:49 am

  • Copy link

  Hi panaghiotisadam.
  My problem is that even when I set all the image sizes e.g. 120×180 in the editing panel, they still look differently in size in the real page
  Example here:
  http://culturecrosshk.wordpress.com/2006-2/
  Thanks!

• 

  panaghiotisadam · Member · Oct 17, 2011 at 12:33 pm

  • Copy link

  Hi, but your “look differently” doesn’t answer my question or add anything to what you had already told us. My question was: they all show up large (in which case you have a browser problem, 99.9% Explorer) or some of them are 120×180 and some are shorter?

  I will assume you mean the second, so as not to waste more time. The original images are in various sizes and in different aspect rations. They are uploaded to photobucket, not to your blog, so WP cannot automatically distort them for you. What you should have done is edit them in an image editing application to turn them all to the same pixel dimensions then upload them to your blog instead of photobucket. What you can do now (always assuming that what you really want is to distort them, so they all appear in the proportion 120/180 although actually they aren’t all so) is switch the editor to HTML and change all the image codes from this:
  <img ETC ETC ETC
  to this:
  <img style=”width:120px;height:180px;” ETC ETC ETC`

• 

  panaghiotisadam · Member · Oct 17, 2011 at 12:35 pm

  • Copy link

  <img style="width:120px;height:180px;" ETC ETC ETC