2011-12-08 21 views
10

Aktualnie koduję wiadomość w formacie HTML za pomocą programu MailChimp w celu przetestowania i wysłania go.Przekreślanie w wiadomościach e-mail w formacie HTML

E-mail reklamuje kilka sprzedaży, które są wyświetlane przy użyciu znacznika HTML strike. Z jakiegoś powodu te tagi strike nie docierają do gotowych e-maili testowych.

kod zamieszczony w MailChimp:

<strike>$12.95</strike> SALE! $9.95 

kod w wiadomości e-mail testowy, pobierane za pomocą Chrome Web Tools:

$12.95 SALE! $9.95 

Ja osobiście zweryfikowane, że to się dzieje w Gmail, Outlook 2007 i Yahoo! Poczta. Szybki przegląd moich wyników MailChimp Inbox Inspector mówi mi, że problem nie jest ograniczony do tych trzech.

Każdy pomysł, dlaczego tak się dzieje? Czy istnieje bardziej niezawodna alternatywa, którą mógłbym zastosować bez uciekania się do obrazów?

Odpowiedz

16

stylu w jednej linii z text-decoration:line-through jest najlepszym rozwiązaniem i to wydaje się być widely supported . Plik PDF na tej stronie ma znacznie większy zestaw wyników dla wielu klientów.

Warto również wypróbować fractal, ponieważ twierdzą oni, że są w stanie zoptymalizować i zweryfikować wiadomości e-mail w formacie HTML. Nie użyłem go sam. Zastrzeżenie jest takie, że wygląda na to, że musisz zarejestrować się w serwisie.

+0

Wielką odpowiedź! To naprawdę naprawiło mój problem. Mimo że nie byłeś pierwszy, przyjąłem twoją odpowiedź na link do tabeli wsparcia i Fractal. =) Wielkie dzięki! –

+1

+1. Natknąłem się na ten problem i uważam, że powinniśmy unikać używania tagu jako facetów w [sugerowanej przez MDN] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strike) . –

4

można spróbować właściwość css text-decoration: line-through; - może być szerzej akceptowana ...

4

Spróbuj:

<span style='text-decoration: line-through;'>12.95</span> SALE $9.95 
3

W przypadku ryzyka usunięcia stylu z wiadomości e-mail możesz wypróbować styl inline na każdym elemencie.

<span style="text-decoration: line-through;">$12.95</span> 

Ale rzeczą naprawdę pamiętać w tym przypadku jest to, że biuletyny HTML są wybredne i nie można wiarygodnie stylizowany być identyczne we wszystkich klientów pocztowych. To właśnie dlatego sugeruje się polegać wyłącznie na starym stylu wyświetlanym html bez obrazów tła lub nowoczesnych css. Podczas gdy możesz dodawać style i możesz ich uniknąć, nie jest to gwarantowane w każdym kliencie.

Moja sugestia to przejście do surowego HTML-a i uciekanie się do obrazów, jeśli to ważne. W przeciwnym razie utwórz listę klientów pocztowych, które będą dla ciebie najważniejsze, i spraw, aby działała, ale możesz dla nich wszystkich i po prostu zapomnieć o reszcie.

+0

Dobra rada! Dzięki! =) –

+0

Bardzo przydatne. Outlook.com obsługuje edycję html po wyjęciu z pudełka, w przypadku Gmaila, trzeba utworzyć HTML w innym miejscu (np. Na stronie internetowej), a następnie skopiować/wkleić do poczty, zobacz http: // webapps.stackexchange.com/a/3561/24599. –

4

Są to style Kolor tekstu i srikethrough tekst:

<span style="color:red; text-decoration:line-through;"> 
    <span style="color:black;">black with red strikethrough</span> 
</span> 
Powiązane problemy