# Aligning Photos

**URL:** <https://forums.realmacsoftware.com/t/aligning-photos/44542>\
**Category:** RapidWeaver Classic\
**Created:** [September 5, 2024, 2:10pm UTC](https://forums.realmacsoftware.com/t/aligning-photos/44542 "2024-09-05T14:10:06Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![kickstarter](https://avatars.discourse-cdn.com/v4/letter/k/3e96dc/32.png) [@kickstarter](https://forums.realmacsoftware.com/u/kickstarter)\
**Post date:** [September 5, 2024, 2:10pm UTC](https://forums.realmacsoftware.com/t/aligning-photos/44542/1 "2024-09-05T14:10:06Z")

</div>

I’m trying to put 2 or 3 pictures side by side. If I use a 2 or 3 column stack they have a different height even if they are same pixel wise.  
There is probably a stack out there that will do the trick?

This is probably a newbie question. Sorry.  
Thanks for your help.

Peter

---

<div class="post-metadata">

**Author:** ![kickstarter](https://avatars.discourse-cdn.com/v4/letter/k/3e96dc/32.png) [@kickstarter](https://forums.realmacsoftware.com/u/kickstarter)\
**Post date:** [September 23, 2024, 4:56pm UTC](https://forums.realmacsoftware.com/t/aligning-photos/44542/2 "2024-09-23T16:56:11Z")

</div>

Hi there, is this too easy or too difficult? Any help is appreciated  
Thank you,  
Peter

---

<div class="post-metadata">

**Author:** ![Bruno](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruno/32/25457_2.png) [@Bruno](https://forums.realmacsoftware.com/u/Bruno)\
**Post date:** [September 23, 2024, 5:59pm UTC](https://forums.realmacsoftware.com/t/aligning-photos/44542/3 "2024-09-23T17:59:05Z")

</div>

Hi @kickstarter it’s not easy to guess what you exactly want. We need more detail about your config, your photo format, framework… I can try to guess 🔮 : so I would use a grid with a picture stack in each place. I’d verify width and height of the stacks. But maybe I don’t guess well 🧐

---

<div class="post-metadata">

**Author:** ![kickstarter](https://avatars.discourse-cdn.com/v4/letter/k/3e96dc/32.png) [@kickstarter](https://forums.realmacsoftware.com/u/kickstarter)\
**Post date:** [September 24, 2024, 9:23am UTC](https://forums.realmacsoftware.com/t/aligning-photos/44542/4 "2024-09-24T09:23:56Z")

</div>

Hi Bruno, thanks for your answer. Sorry for not describing my problem precisely.  
I have a single page with a couple of photos. Some full width but some smaller ones are supposed to

I have a single page with photos, some of which should take up the full width, followed by 2 or 3 smaller ones below in one row. Together they are supposed to be as wide as the picture above.

I can manage with a 2 columns stack but if I take a 3 columns stack, I can never make sure that the images align at the top and the bottom by setting the relative width.

All this would be much easier if the images had the same aspect ratios. Like for a grid. Unfortunately, they don’t.

Here a re some pictures of my little problem:

 ![Screen_10.58.22](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/6/2671fa7a3154872afd1bc192247b9fad5337bdd1.jpeg)  
 ![Screen_0.38.47](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/f/cf58c02895b7a263f52f6d00cc1a845e392ee0a4.jpeg)  
 ![Screen_09.50.30](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/9/b/9beccf0576043b1bfd1b5916a250f738afc6a12c.jpeg)

I guess I’m looking for a stack that can put multiple pics in a row and scale them to the same height.

Thank you for taking your time to help.  
Peter

---

<div class="post-metadata">

**Author:** ![Bruno](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruno/32/25457_2.png) [@Bruno](https://forums.realmacsoftware.com/u/Bruno)\
**Post date:** [September 24, 2024, 10:13am UTC](https://forums.realmacsoftware.com/t/aligning-photos/44542/5 "2024-09-24T10:13:37Z")

</div>

Hi, ok. I see two ways to proceed: a good one and a not good one at all. I start with the one I use: I prepare my images in relation to the layout I want to obtain, in particular with the chosen ratio. This gives me great flexibility afterwards.  
Otherwise, it is possible to use height “equalizers” but this will be to the detriment of either the appearance of the image (inelegant cropping) or a loss of responsiveness when the screen size changes or… an image is not like “equalized” text.  
In short, I advise you to first prepare your images and then integrate them, this will prevent the problems I mentioned. Here the problem comes from ratio aspect more than “brut” size.  
Even if you want to use grid like Masonry from Stacks4stacks or Flux from Elixirgraphics you’ll have to prepare your pictures. I know it’s not exactly what you hoped to hear but it’s unfortunately the problem I encountered many years ago.

---

<div class="post-metadata">

**Author:** ![kickstarter](https://avatars.discourse-cdn.com/v4/letter/k/3e96dc/32.png) [@kickstarter](https://forums.realmacsoftware.com/u/kickstarter)\
**Post date:** [September 24, 2024, 7:14pm UTC](https://forums.realmacsoftware.com/t/aligning-photos/44542/6 "2024-09-24T19:14:34Z")

</div>

Thank you Bruno.  
I did prepare my pictures with the same height but that does not help a lot. These pictures were sent to me by the client so I can’t crop them like I want them just to fit in a grid.

---

<div class="post-metadata">

**Author:** ![Bruno](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruno/32/25457_2.png) [@Bruno](https://forums.realmacsoftware.com/u/Bruno)\
**Post date:** [September 25, 2024, 4:46am UTC](https://forums.realmacsoftware.com/t/aligning-photos/44542/7 "2024-09-25T04:46:59Z")

</div>

So I don’t see any other way that would preserve the original appearance of the photo except to fill the “gaps” with something (color, pattern…). I think that it won’t be very aesthetic. Sorry no to bring better news.

---

<div class="post-metadata">

**Author:** ![kickstarter](https://avatars.discourse-cdn.com/v4/letter/k/3e96dc/32.png) [@kickstarter](https://forums.realmacsoftware.com/u/kickstarter)\
**Post date:** [September 25, 2024, 10:20am UTC](https://forums.realmacsoftware.com/t/aligning-photos/44542/8 "2024-09-25T10:20:37Z")

</div>

Thank you. Once the page is live I’ll post a link.  
Peter
