XF 2.2 Image in email to users

[ArtG]

Happy Holidays, all!

I want to do something that I think is simple but am confused about. Hoping some of the CSS experts can help me out here.

I'm trying to include our logo centered at the top of emails to users. I've placed the image on our server and link to it from the AdminCP. It comes through but it isn't scaling to the email client viewer size. It's too big.

In my html email, I have the following code:

<div text-align: center; display: block; position: relative; margin: auto; max-width: 100%;>
    <a href="https://scapecrunch.com"><img src="https://scapecrunch.com/assets/Email_Header.png" alt="ScapeCrunch"></a>
</div>
<p>
    Hi {name},
</p>
<p>
    This is just a test email to see if this works.
</p>
<p>
    All the best,<br>
    Art
</p>

What am I doing wrong?

Thanks!

 

[MySiteGuy]

Your img src tag needs CCS with width and height attributes. Images do not automatically resize to the size of the DIV they are within.

 

[kolakube]

Make sure you apply inline styles into the style="" tag, which your snippet is missing:

<div style="text-align: center; display: block; position: relative; margin: auto; max-width: 100%;">