<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Positioning image and image background]]></title><description><![CDATA[<p dir="auto">Hi,</p>
<p dir="auto">I try to position an image on the bottom of its container with another image as a bschground. This should be my. final result.</p>
<p dir="auto"><img src="/assets/uploads/files/1621660757445-capture-d-e-cran-2021-05-22-a-07.19.11.png" alt="Capture d’écran 2021-05-22 à 07.19.11.png" class="img-responsive img-markdown" /></p>
<p dir="auto">To do this, I've inserted 2 divs with background images and the bottom element has a negative margin.<br />
It seems to work, unfortunately, this is not responsive.</p>
<p dir="auto">So I made another test with an image container with my pruple wave and a padding, and configure and image as a bckground.</p>
<p dir="auto">Unfortunately, I obtain this :<br />
<img src="/assets/uploads/files/1621660925854-capture-d-e-cran-2021-05-22-a-07.17.16.png" alt="Capture d’écran 2021-05-22 à 07.17.16.png" class="img-responsive img-markdown" /></p>
<p dir="auto">I've tried changing manually in the code the property float : bottom, but It's not working.</p>
<p dir="auto">Any idea ?<br />
here is my. project : second section : <a href="https://prod.appdrag.com/Builder/pagebuilder.html?appId=inspiration-fe287c" rel="nofollow ugc">https://prod.appdrag.com/Builder/pagebuilder.html?appId=inspiration-fe287c</a></p>
]]></description><link>https://community.appdrag.com/topic/842/positioning-image-and-image-background</link><generator>RSS for Node</generator><lastBuildDate>Mon, 17 Aug 2026 07:36:45 GMT</lastBuildDate><atom:link href="https://community.appdrag.com/topic/842.rss" rel="self" type="application/rss+xml"/><pubDate>Sat, 22 May 2021 05:23:28 GMT</pubDate><ttl>60</ttl></channel></rss>