image on image in outlook |
image on image in outlook |
ian.campbell2 |
Aug 2 2021, 10:33 AM
Post
#1
|
Group: Members Posts: 3 Joined: 2-August 21 Member No.: 28,028 |
Hi,
I have some simple html that loads a picture with position as relative, then adds 2 other pictures with absolute. these render fine if I open it in edge. but when I use the exact same html in an outlook message, the images sit side by side. I've not used much html before and so pretty new to this. if anyone has some advice here? Thanks in advance. CODE <!Doctype> <html> <head> <style> .car { position: relative; top: 0; left: 0; } .dot1 { position: absolute; top: 160px; left: 180px; } .dot2 { position: absolute; top: 260px; left: 230px; } </style> </head> <body> <img src="https://xyz/images/car_damage.jpg" class="car"/> <img src="https://xyz/images/red_dot.png" class="dot1"/> <img src="https://xyz/images/red_dot.png" class="dot2"/> </body> </html> Attached thumbnail(s) |
ian.campbell2 |
Aug 2 2021, 10:36 AM
Post
#2
|
Group: Members Posts: 3 Joined: 2-August 21 Member No.: 28,028 |
The attachment here is how it looks in outlook.
Attached thumbnail(s) |
pandy |
Aug 2 2021, 12:05 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,732 Joined: 9-August 06 Member No.: 6 |
Email clients don't support everything browsers do. Try to keep things as simple as possible. I don't know, but it's possible Outlook simply doesn't support the CSS you've used.
|
ian.campbell2 |
Aug 3 2021, 05:29 AM
Post
#4
|
Group: Members Posts: 3 Joined: 2-August 21 Member No.: 28,028 |
Thanks for the response.
after some more searching, it looks like outlook does not support image positioning. will just have to add a link to the email to take them to the properly rendered web page. cheers. |
Lo-Fi Version | Time is now: 26th April 2024 - 07:57 PM |