Resizing Thumbnail Images

[3rd angle]

Hi Bob,
I have been trying to get a uniform sized thumbnails across all Showcase items especially in showcase index... but in vain.

This is the nflj_showcase_index.css edit i made..

.Thumbnail
                {
                    width: 140px;
                    height: 130px;
                    line-height: 100px;
                    display: block;
                    background: @content.background-color;
                    border: 0px solid @primaryLighterStill;
                    text-align: center;
                    vertical-align: middle;
                    float: left;
                }
             
                    .Thumbnail img
                    {
                        max-width: 180px;
                        max-height: 200px;
                        _width: 150px;
                        _height: 100px;
                        padding: 0;
                        margin: 0;
                        vertical-align: middle;
                    }

The problem with this is that when the sizes of the images being uploaded are different.. the thumbnail sizes are different and doesn't extend tot he maximum limit. The attached will show you what i am trying to say. For illustration purpose i have uploaded 3 pics.. 1st is a landscape, 2nd a portrait and the last is a really big image... the landscape image deosn't extend towards the bottom... the portrait doesn't extend towards right....adn so on...I have taken out all borders and containers

 

[3rd angle]

And the images doesn't seem to be resized proportionately.. how can i shrink the images proportionally as to fit in..

 

[Bob]

everything is Core Xenforo as far as image uploading goes. I use the same methods as in the Resource Manager and in Discussion Threads. You'd need to modify core xenforo to change the thumbnail generation process or use CSS tricks to create squared thumbs.

 

[3rd angle]

or use CSS tricks to create squared thumbs.

That's what i am trying to do... but don't know how

 

[Bob]

you might want to take a peak at Jaxels new attachments viewer thingy he made. He does all squares. Not sure how well it handles really ODD sized shapes tho. Its all done via CSS.