K2 changes the image widths in different views but how do you set the heights of images so they are also uniform, because it looks odd having images of the same widths but all different heights.
Thanks
Dawn

Well you can control the image height through its outer container, such as an a element. If you have, for example, an image with 120px width and you want all heights to be 130px then you should write to your CSS file:

a {width:120px; height:130px; overflow:hidden; display:block;}
and then on a img { width:120px; height:auto;}

This should give you the result you need without messing with the image size.

Excellent!
I adapted this solution to the category view of a magazine website. I didn't use any width attributes so I was able to combine with K2 image management to achieve a satisfying solution when an article holds a "portrait" shaped photo. Anyhow, I think it would be nice if K2 had some kind of height management of the images. Would be a nice future addition.
Thanks!

Rgds

Yiota Ziaggou said:Well you can control the image height through its outer container, such as an a element. If you have, for example, an image with 120px width and you want all heights to be 130px then you should write to your CSS file:a {width:120px; height:130px; overflow:hidden; display:block;}and then on a img { width:120px; height:auto;}This should give you the result you need without messing with the image size.

I was confused...could you please explain in which way i can set a standard height in item category view? Which css file i have to edit, the k2 css or my tamplate's css? It's a crucial subject, althought k2 is so powerful, this little attribute makes the difference...

thanks in advance.



Yiota Ziaggou said:Well you can control the image height through its outer container, such as an a element. If you have, for example, an image with 120px width and you want all heights to be 130px then you should write to your CSS file:
a {width:120px; height:130px; overflow:hidden; display:block;}
and then on a img { width:120px; height:auto;}

This should give you the result you need without messing with the image size.