userpic size

[velshtein]

EDIT: solved!

I'm using a layout that resizes userpics (on the recent entries and friendspage view) from 100x100 to 75x75 and it works fine for square userpics but stretches out non square userpics to the incorrect ratios. So I was wondering if there was a way to resize userpics to max of 75x75 without screwing up the aspect ratio?

Comments

[nomoreprinces]

Decide which is more important to you, width or height and the delete the other dimension. When the image gets resized, the browser will resize to the desired height or width and keep the aspect ratio intact.

[velshtein]

I deleted the height line (height:75px; from this section:

}
.entryUserinfo-usericon img {
border-top:10px solid black;
height:75px;
padding-top:5px;
width:75px;
}

And now the height of the userpics stay at their original heights while shrinking to the 75px width:

[nomoreprinces]

weird that should have worked.

trying putting the height back in as:

max-height: 75px;

[velshtein]

No, that just made things act the same way in the beginning. Lmao I don't even have many non square icons but this is driving me a bit nuts. :D

[nomoreprinces]

*sigh* I'm totally stumped :( I'd stay try min-height instead of max because I always get those two mixed up, but I suspect it'll just do the same thing as the first thing I had you try. :\

[agneson9]

try having the other dimension be 'auto' instead.

[velshtein]

It worked! Thank you so much! :)

[fiddlingfrog]

If you used width: 75px and height: auto try using a userpic that's 74px wide by 100px high and see what happens.

[nomoreprinces]

thats the one i was missing! gah its been so long since ive messed around with css