CODEWITHSUNDEEP
htmlcssgmailhtml-email
Manish
Manish

Reputation: 39

How to allow overlaping of Images in gmail mail HTML

I'm sending some HTML formatted mails where I'm showing property images with their current statuses. There are some triangular status images overlapping to main property images which are getting distorted as MARGIN style property is not allowed in Gmail. Style properties like PADDING and POSITION are also not working. This mail is formatted in table based HTML.

I just want to place status tag images on to right bottom corner of the property images. Kindly help with some alternate solutions.

Upvotes: 1

Views: 1612

Answers (1)

Dan Blows
Dan Blows

Reputation: 21174

You can't overlap foreground images, and you can't use multiple background images.

What you can do is use background images, with foreground images overlapping them.

The other alternative is to use one image, and replace the image on the back end as the status changes. If this happens a lot, you could generate them dynamically.

Upvotes: 2

Related Questions