How do I make duplicate images that appear correct in edit mode keep their alignment when published?

Question

New to using this platform.

I am creating what is essentially a page menu of buttons to lead to other pages. Each button is a link to other pages and I have used the same image for each one.

While in Edit mode my  "buttons"  are the same size and aligned however once I publish they all become different sizes.

Fabienne Gerhard · Answer

Ok that's really strange!

Oh - maybe something I overread the first time. You say you're using the same image for each button - how do you get the text on the "buttons"?

What I did was making an image including the text for each "button" - so there is no way editing them anymore - just a pic with a link.

Another opportunity for you may be creating a Button Macro as you are using Server Version. This would look like this.

Jessie Williamson · Answer

Hi @Fabienne Gerhard - have tried explorer and Chrome.

We are on a server version.

Sections still had the same issue :-(  It did fix the spacing though.

Fabienne Gerhard · Answer

Hi @Jessie Williamson - did you try different browsers? 
I think that's really strange  behaviour for pictures.

Are you using Cloud or Server Version?

My next idea would be adding a section for each button (see screenshot). This may also solve your problem with spacing.