radius - ¿Cómo consigo que MS Outlook acepte el estilo de visualización CSS: bloque?

if not mso

Question

Estoy redactando un correo electrónico HTML usando un servicio (MailChimp). La forma en que MailChimp marca los encabezados es usar una etiqueta SPAN y le da a la etiqueta el estilo en línea de la display:block .

MS Outlook 2010 ignora este estilo. No puedo encontrar ningún trabajo alrededor. Así, los encabezados se ajustan, rompiendo la visualización de la página deseada.

Sí, ya sé que Outlook usa MS Word para mostrar HTML.

Supongamos que no puedo intervenir y edite manualmente el marcado.

¿Cómo consigo que MS Outlook acepte la display:block estilo CSS display:block y muestre una etiqueta SPAN como elemento de nivel de bloque?

Answer 1

El atributo de display CSS no es compatible con esta versión de MS Outlook.

Aquí está "The Book" sobre lo que puede y no puede usar:

campaignmonitor.com/css/

Básicamente, si no puedes cambiar tu marca a un elemento de bloqueo nativo , estás atascado.

Answer 2

Lo mejor es hacerlo a la antigua usanza por desgracia. = [Usar tablas sobre tablas. entonces tablas = bloques.

Answer 3

Me encontré en esta situación exacta: necesito crear estilos de encabezado que se muestren correctamente en Outlook sin la capacidad de editar el HTML porque estoy entregando la plantilla a un cliente.

Imagino que ya resolviste esto, pero para cualquier otra persona que haya pasado varias horas tratando de responder esta pregunta y se topa con este hilo, así es como lo solucioné:

1. Eliminar el H1, H2, etc. predeterminado de Mailchimp.

2. Cree sus propios estilos de encabezado (los llamé Encabezado, Subcabezado, etc. solo para evitar confusiones)

3. Utilice los nuevos estilos de encabezado como desee. Los nuevos encabezados se muestran como bloques.

No estoy exactamente seguro de lo que sucede debajo del capó, ya que no puedo inspeccionar en Outlook, pero supongo que al no usar los estilos predeterminados, Mailchimp envuelve el texto del encabezado en divs en lugar de en spans.