CODEWITHSUNDEEP
cssimageheightfluid
John the Painter
John the Painter

Reputation: 2615

Fluid images - portrait/landscape

I have a simple slideshow (list items) but a combination of portrait and landscape images. I'm working on a fluid grid so everything is, essentially, 100% of itself.

I'm wondering if there's a way for all the images to remain the same height, but the widths stay true to their proportions. All the images have the same height - 2000px - when uploaded.

See the site here: http://goo.gl/BdFUj

See here for the desired output: http://d.pr/i/HJUH

Thanks, R

Upvotes: 0

Views: 3317

Answers (1)

monners
monners

Reputation: 5302

Simple CSS declaration;

img.gallery-image {  //substitute for the appropriate class, obviously
    height: 2000px;
    width: auto;
}

It's that easy.

Upvotes: 7

Related Questions