cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Harry_G
Level 10

Overlap Two images in email body

Hi,

Is there any work around for images overlapping in email body because I'm unable to doing this. this is my sample code

 

 

 

 

 

<!Doctype>
<html>
<head>
  <style>
    .fishes
    {
      position: relative !important;
    }
    .fish
    {
      position: absolute !important;
    }
  </style>
</head>
<body>
<p>Happy Birthday @{items('Apply_to_each')?['EmployeeName']}</p>
<p>It's time to get happy!  <br>
Wishing you all the best on your birthday and everything good in the year ahead. <br><br>
  <div style="position: relative; left: 0; top: 0;">
    <img src="@{outputs('Get_file_properties')?['body/{Thumbnail}/Large']}" class="fishes"/>
    <img src="@{items('Apply_to_each')?['{Thumbnail}/Medium']}" class="fish"/>
  </div>
<br>
From, <br>
Team HR
</body>
</html>

 

 

 

 

 

Regards,

Harry_G

3 REPLIES 3
Highlighted
Super User
Super User

Re: Overlap Two images in email body

You'd need to wrap each image in a separate DIVs, and assign formatting to each DIV. See here for more info - https://bricampgomez.com/blog/how-to-overlap-images-in-css/

👨🏻‍💻 If this reply answers your question or solves your issue, please ACCEPT AS SOLUTION ☑️. If you find this reply helpful, please consider giving it a LIKE 👍.

Harry_G
Level 10

Re: Overlap Two images in email body

@Brad_Groux  thanks for your prompt response, i just figured it out that there is many attributes for css is not working in email body. I'm wondering how it should be done.

 

Thanks,

Harry_G 

Community Support Team
Community Support Team

Re: Overlap Two images in email body

 

Hi @Harry_G ,

 

For embedding image in the Email body, please refer to this similar thread:

https://powerusers.microsoft.com/t5/Building-Flows/Flow-send-e-mail-notification-but-doesn-t-show-ba...

 

Best Regards,

Community Support Team _ Barry
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

Helpful resources

Announcements
firstImage

New Ranks and Rank Icons in April

Read the announcement for more information!

firstImage

Better Together Contest Finalists Announced!

Congrats to the finalists of our ‘Better Together’-themed T-shirt design contest! Click for the top entries.

firstImage

New & Improved Power Automate Community Cookbook

We've updated and improved the layout and uploading format of the Power Automate Cookbook!

thirdimage

Power Automate Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Community Summit North America

The top training and networking event across the globe for Microsoft Business Applications

Top Solution Authors
Top Kudoed Authors
Users online (3,024)