The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> image on image in outlook
ian.campbell2
post 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)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ian.campbell2
post 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)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 2 2021, 12:05 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ian.campbell2
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 04:32 AM