Hi guys,
I added a timeline on my website. In some text boxes I added a picture and I want the text to align next to it. That works fine, but the image is larger than the entire text box, so it protrudes above it. I would like the size of the white speech bubble to be based on the size of the image. Do you understand what I mean?
Here you can see it on my website. The first picture works, but the others don’t.
https://maler-heilmann.s5.projekt.dev/historie/
Thanks for your help.
Hey biancahuebsch,
Thank you for the inquiry.
Does it work when you move the image outside of the paragraph tag? It is not working correctly because the image is set to float to the right, which causes a float issue to the parent container, which is the paragraph tag. Removing the paragraph tag might help.
Best regards,
Ismael
Hi Ismael,
yes it works if I set it for example above my text. But I like to have the text next to the image. Or is there any other solution for this?
Best regards,
Bianca
Hi,
Thank you for the update.
Try to move the image outside of the paragraph tag, then use this css code to fix the float issue.
.av-milestone-content:after {
content: "";
display: table;
clear: both;
}
Best regards,
Ismael
Thanks that works:)
You can close the topic now.
Best regards,
Bianca