ambiera logo

Ambiera Forum

Discussions, Help and Support.

folder icon Ambiera Forum > RocketCake
forum topic indicator Center text vertically in a container with columns
person icon
bruce
Registered User
Quote
2025-04-25 12:55:31

Hello,

I have 2 cointainers next to each other (containers with columns). In the left container there is a photo, which also gets smaller when the view is zoomed out. In the container next to it is an additional container with text. I would like to center this text vertically.
I have managed this with “ transform: translateY(-50%); ”. But this only works if I make the parent container as tall as the container next to it with the photo.
Here, however, the size does not change when I reduce it.
How do I get it so that the text is always centered vertically when the photo is resized?

Can anyone help?

Many thanks and best regards
Bruce

person icon
erik
Registered User
Quote
2025-04-26 06:48:23

Thought about this a bit and I don't think I have a solution to this. But if anyone else has an idea?

person icon
bruce
Registered User
Quote
2025-04-27 21:21:10

I have found a solution: Instead of using two containers, I only used one. It was a bit tricky, but I'm happy with the result.

You can see the result here:
https://www.hess-objekt.de/index1.php
User: HessAdmin
PW: 123456+

This video helped me a lot:
https://www.youtube.com/watch?v=...


Create reply:










 

  

Possible Codes


Feature Code
Link [url] www.example.com [/url]
Bold [b]bold text[/b]
Image [img]http://www.example.com/image.jpg[/img]
Quote [quote]quoted text[/quote]
Code [code]source code[/code]

Emoticons


icon_holyicon_cryicon_devilicon_lookicon_grinicon_kissicon_monkeyicon_hmpf
icon_sadicon_happyicon_smileicon_uhicon_blink   






Copyright© Ambiera e.U. all rights reserved.
Contact | Imprint | Products | Privacy Policy | Terms and Conditions |