How to get Fixed Size Thumbnails?

  • Resolved nelson-ray

    (@nelson-ray)


    17 years, 5 months ago

    Hello,
    I would like to know if its possible to get a fixed size for thumbnails? Right now it seems a picture with an original aspect ratio of 900×300 and another picture with an original aspect ratio of 600×400 will result in a thumbnails of slightly different sizes. I would like the thumbnails to have a fixed width and height – will live with artifacts from stretching and what not. Any tips on how this could be done?

    When I have images lined up side by side using thumbnails the different sizes looks ugly.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Any tips on how this could be done?

    Add this to the bottom of your stylesheet:

    div.entry img {
width:100px;
height:100px;
}

    Be sure when you put your images into your posts that you don’t specify a size. I believe the thumbnails *will* enter in a width and height inline, so you’ll have to delete the auto ones it places in there. (Or, you could just put in the width and height yourself in the image tag as you’re writing the post…either way will work.)

    Thread Starter nelson-ray

    (@nelson-ray)

    thanks!

    You could always use maxwidth: 100px in your CSS, but pre IE7 doesn’t support that.

    I use max width and it’s great because it maintains aspect ratio.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to get Fixed Size Thumbnails?’ is closed to new replies.