HTML mail wysyłany za pomocą php

pytanie zadane 23 listopada 2016 w PHP przez michal Mądrala (5,480 p.)

Witam,

Chcę wysłać email w formacie HTML za pomocą funkcji mail() w php. W treści wiadomości podałem kod html a w sekcji <head> zamieściłem style. Między innymi background-image: url('http://scieżka/do/pliku/na/serwerze/obrazek.jpg'). Po wysłaniu ta linijka rozwala style i obrazek się nie wyświetla. Gdy usunę tą linijkę z background-image, obrazek się nie wyświetla, ale formatowanie div`ów jest poprawne. Natomiast gdy kod otworzę w przeglądarce wszystko jest tak jak być powinno. Tylko na stronie poczty się tak dzieje oraz w outloku.

Czy ktoś spotkał się może z podobnym problemem?

1 odpowiedź

odpowiedź 23 listopada 2016 przez marioosu Dyskutant (9,260 p.)

Ogólnie wiadomości e-maili nie powinno wysyłać się z ze stylami. W ostateczności należy umieszczać je 'inline', jeśli jest taka możliwość. Zobacz jak są zbudowane np. wiadomości Newsletter przychodzące na Twoją pocztę. Najlepiej większosć wrzucać obrazkami (ale nie w backgroundzie ;) ). Nie każda poczta/program pocztowy interpretują CSSy.

A odnośnie konkretnego przypadku, że rozwala się wszystko po dodaniu deklaracji - może gdzieś apostrofy, średniki?

Dlatego też ciężko zadbać o responsywność szablonów wiadomości e-mail, ponieważ style są różnie interpretowane w odmiennych środowiskach. Na szczęście niedługo gmail będzie wspierał responsywność dla maili ;) (http://www.spidersweb.pl/2016/09/google-responsywny-email.html)

komentarz 23 listopada 2016 przez michal Mądrala (5,480 p.)

Jak mam rozumieć umieszczanie styli inline? Możesz mi to przybliżyć ?

komentarz 23 listopada 2016 przez marioosu Dyskutant (9,260 p.)

zamiast pisać <div class="jakas_klasa">abc</div>

i później w stylach .jakas_klasa {color: #f00;}

piszesz: <div style="color: #f00;">abc</div>

komentarz 23 listopada 2016 przez Pietrak Pasjonat (19,030 p.)
edycja 23 listopada 2016 przez Pietrak

<znacznik style="atrybut: wartość"></znacznik>

Ajj kolega był szybszy.

komentarz 23 listopada 2016 przez michal Mądrala (5,480 p.)

Dzięki koledzy wszystko już hula :)

komentarz 23 listopada 2016 przez michal Mądrala (5,480 p.)

Heh zbyt wcześnie się ucieszyłem. Dopiero połowa sukcesu. Jak się obiera pocztę w przeglądarce wszystko jest ok, natomiast w outloku dalej lipa :( Wie ktoś czym to może być spowodowane?

komentarz 23 listopada 2016 przez marioosu Dyskutant (9,260 p.)

Różnym interpretowaniem przez programy pocztowe... A gdy już w Outlooku będzie działać, w Thunderbirdzie może coś "nie pójść". Poczytaj trochę jak działa np. ten konkretny program pocztowy, np. http://stackoverflow.com/questions/5861714/formatting-html-email-for-outlook - patrz pierwszą odpowiedz (w tym pewnie Cię zainteresuje 'The background-image property won't work.').