The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> 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
 
 Reply to this topicStart new topic
Replies
ian.campbell2
post Aug 3 2021, 05:29 AM
Post #2





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

Posts in this topic
ian.campbell2   image on image in outlook   Aug 2 2021, 10:33 AM
ian.campbell2   The attachment here is how it looks in outlook.   Aug 2 2021, 10:36 AM
pandy   Email clients don't support everything browser...   Aug 2 2021, 12:05 PM
ian.campbell2   Thanks for the response. after some more searching...   Aug 3 2021, 05:29 AM

« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

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

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 27th April 2024 - 02:50 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC