search

foundation / foundation-emails

Quickly create responsive HTML emails that work on any device and client. Even Outlook.
https://get.foundation/emails/docs/
MIT License
7.77k stars 1.09k forks source link

Background image breaking foundations columns in outlook #945

Closed mhiland247 closed 4 years ago

mhiland247 commented 5 years ago

How can we reproduce this bug? Using foundations for email , I have a background image with text overlay that breaks in Outlook.

Write out the HTML (or Inky code) that causes the issue. This is the code that is causing the problem:

calendar
Training Plan Store

Browse through the worlds largest collection of triathlon, cycling and running plans and take the guesswork out of your training.

What did you expect to happen? Background image to appear with text overlay in a row and column.

image

What happened instead? In outlook the image repeats, is full width and breaks the columns below and above.

image

What email clients does this happen in? outlook - all

turneja commented 4 years ago

Outlook doesn't support background images, so you're luck you got anything at all... BTH if the text is static and doesn't dynamically change via data then I would just use a full image for this section.

shnizmuffin commented 4 years ago

@turneja,

Outlook doesn't support background images...

That's not entirely accurate. This effect is possible in Outlook using Vector Markup Language. Email on Acid Article. Litmus Article.

DanielRuf commented 4 years ago

That's not entirely accurate. This effect is possible in Outlook using Vector Markup Language. Email on Acid Article. Litmus Article.

But not really a cross-client solution =)

shnizmuffin commented 4 years ago

@DanielRuf and it's completely out of scope for this project! #wontfix

DanielRuf commented 4 years ago

I agree with @shnizmuffin that this is a very specific usecase that has to be covered by custom CSS and markup.

Alternatively use normal images like most of us do.