2 images on top of each other each with text on the right side

[Andreas De Rudder]

Hallo,

 

I want to have on my website 2 images on top of each other, each has a little bit of text on the right side. Each picture has STYLE="float: left;.

I have put <p> in front of the picture and </p> after the text. Done that 2 times.

But the second pictures appears at the right side of the first picture, under the text next to the first picture.

Why is that? What can I do to get the pictures under each other?

My website: http://msngent.be/adresses.html

 

Andreas

[dsonesuk]

Float on image will cause outer parent paragraph to collapse to text content ignoring the area of image, it will also seep its effect to sibling parent paragraphs, to correct this, apply overflow: hidden; to parent paragraphs of floated images.

[Andreas De Rudder]

I have tried this by writing <p><overflow: hidden> in the first paragraph in front of the image, but then the whole paragraph totally disappears...

Have I done it wrong?

[dsonesuk]

Yep! should be

<p style="overflow: hidden;"><img width="200" style="float: left; margin-right: 25px; margin-bottom: 25px" title="St Stefanuschurch" alt="picture St Stefanuschurch" src="images/ststefanuskerk.jpg">

The Santo Niño Mass takes place in the St Stefanus Church, Sint‑Margrietstraat 11, 9000 Gent. Back in the church you’ll find the entrance to the Holy Rita Chapel.
On the picture you see the church on the right and the presbytery on the left side.</p>


<p style="overflow: hidden;"><img width="200" style="float: left; margin-right: 25px; margin-bottom: 25px" title="Augustinian Monastery Augustijnenkaai" alt="picture Augustinian Monastery Augustijnenkaai" src="images/augustijnenkaai.jpg">

Meeting with Jesus takes place in the Augustinian Monastery, Augustijnenkaai, 9000 Gent. You’ll find there the monastery’s rear entrance and park place (Take care: only for private use, not for visitors!), on the park place enter the first door on the left.</p>

[Andreas De Rudder]

Thank you very much! It works perfect now!