Strike-through in e-mail in formato HTML

Attualmente sto codificando un messaggio HTML, utilizzando MailChimp per testarlo e infine per inviarlo.Strike-through in e-mail in formato HTML

L'e-mail pubblicizza diverse vendite, che vengono visualizzate utilizzando il tag HTML strike. Per qualche ragione, questi tag strike non arrivano alle e-mail di prova finite.

codice come appare in MailChimp:

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

codice nella e-mail di prova, recuperati utilizzando Chrome Web Tools:

$12.95 SALE! $9.95

Ho personalmente verificato che questo sta accadendo in Gmail, Outlook 2007 e Yahoo! Mail. Una rapida lettura dei miei risultati di Inspector Inbox MailChimp mi dice che il problema non è sicuramente limitato a questi tre.

Qualche idea sul perché questo potrebbe accadere? C'è un'alternativa più affidabile che potrei usare senza ricorrere alle immagini?

fonte

2011-12-08 Nathan Arthur

Uno stile in linea di text-decoration:line-through è la scelta migliore e sembra essere widely supported . Il PDF su quella pagina ha un set di risultati molto più ampio per molti altri clienti.

Inoltre, potrebbe valere la pena provare fractal come affermano di essere in grado di ottimizzare e convalidare le e-mail HTML. Non l'ho usato da solo. L'avvertenza è che sembra che tu debba iscriverti al servizio.

fonte

2011-12-09 00:08:37 andyb

Grande risposta! Questo ha davvero risolto il mio problema. Anche se non eri il primo, ho accettato la tua risposta per il collegamento al tavolo di supporto e al frattale. =) Grazie mille! –

+1. Mi sono imbattuto in questo problema, e penso che dovremmo evitare di usare il tag come suggerito da ragazzi a [MDN suggerito] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strike) . –

si potrebbe provare la proprietà css text-decoration: line-through; - potrebbe essere più ampiamente accettata ...

fonte

2011-12-09 00:04:54 ptriek

Prova:

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

fonte

2011-12-09 00:05:22 ysrb

A rischio di rimuovere il tuo stile dall'email, puoi provare uno stile in linea su ciascun elemento.

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

Ma la cosa da ricordare veramente in questo caso è che le newsletter html sono meticolosi e non può essere uno stile in modo affidabile per essere identico in tutti i client di posta elettronica. Questo è più o meno il motivo per cui si consiglia di fare affidamento esclusivamente su html in formato vecchio stile senza immagini di sfondo o css moderni. Mentre è possibile aggiungere stili e si potrebbe ottenere per evitare di essere spogliati, non è ancora garantito in ogni client.

Il mio suggerimento è di andare su tutte le pagine in formato html e ricorrere alle immagini se è così importante. Altrimenti componi una lista dei client di posta che più significano per te e fallo funzionare, ma puoi farlo per tutti e dimenticarti del resto.

fonte

2011-12-09 00:10:21

Buon consiglio! Grazie! =) –

Molto utile. Outlook.com supporta la modifica html, per Gmail, si deve creare l'html altrove (ad esempio sul sito Web) e quindi copiare/incollare nella posta, vedere http: // webapps.stackexchange.com/a/3561/24599. –

Questi sono gli stili per colorare il testo e srikethrough il testo:

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

fonte

2013-07-30 16:24:40

Strike-through in e-mail in formato HTML

risposta

Problemi correlati