Blog Mailify: Mailing a tu medida

Consejos para el envío de tu newsletter, actualidades de nuestro producto y todo sobre email marketing.

HTML para email y bordes: no me van los borders. ¿Cómo evitarlo?

Únete a centenares de expertos del email marketing. Apúntate a la newsletter de Mailify:

Quien no está verdaderamente familiarizado con el código HTML lo odia. Pero hay un par de cosas que necesitas saber antes de crear tus campañas. Aquí vemos como configurar bien los bordes.

Una pauta general es que, al codificar un correo electrónico HTML, no se debe utilizar sintáxis CSS abreviada. Por lo tanto, en lugar de este código:

 <p style=»font:bold 1em/1.4em Georgia,serif;»> Odio el código HTML < / p>

Deberemos escribir el siguiente:

<p style=»font-weight: bold; font-size: 1em; line-height: 1.4em; font-family: Georgia,serif;»> Odio el código HTML < / p>

Border
Qué hacer para que los bordes se vean bien en todos los buzones

Si solo quieres tener border en un lado de la celda, algunos servicios de limpieza de HTML cambiarán el código por el que mostramos a continuación:

<td style=»border-left-width: 1px; border-left-style: solid; border-left-color: #e9e9e9;»> Borde gris a la izquierda < / td >

El problema es que esta sintaxis CSS ‘larga’ de border, a pesar de funcionar en los navegadores, no funciona en la mayoría de los buzones de correo. Es por eso que hay que usar el código CSS normal para los borders:

<td style=»border-left: #e9e9e9;> Borde gris a la izquierda < / td >

También, como consejo extra, puedes poner:

<td style=»border-left: 1px solid #e9e9e9; background: #ffffff» bgcolor=»ffffff» width=»20″> Borde gris a la izquierda < / td >

Si necesitas que la celda de la tabla tenga color de fondo, utiliza a la vez el atributo de estilo en línea (style=»background: #ffffff»y el atributo HTML (bgcolor=»ffffff»): parece que es lo que mejor funciona. Y si la celda no tiene contenido, pero necesitas que tenga cierto tamaño, el «&nbsp;» hará el trabajo de diseño en la mayoría de clientes de correo electrónico.

Es bueno saber que algunos buzones siguen siendo reacios a los borders y los quitan casi siempre, como sucede en el caso de Blackberry.

> Más trucos HTML para mailing: Crear código HTML para email sin errores


*Fuente: Chipcullen

 

Sin comentarios

Deja un comentario