el borde de la imagen no muestra el correo electrónico html

Estoy intentando enviar un correo electrónico html con un borde de imagen como

<p align="center">
    <img src="images/pic1.jpg" width="443" height="148" align="middle" 
         style="border: 1px solid grey; padding:10px;" border="1"/>
</p>

Sin embargo, el borde simplemente no se muestra en ninguno de los clientes de correo electrónico. ¿Cómo puedo arreglar esto?

preguntado el 16 de mayo de 11 a las 20:05

Quizás sea mejor poner el borde dentro de la imagen como parte de los gráficos, también cualquier margen si el fondo lo permite. -

5 Respuestas

Para ser honesto, te será difícil usar etiquetas "p". Las tablas serán al 100% el camino a seguir en esta situación. Lo sé, lo sé, las tablas soplan, pero para los clientes de correo electrónico que usan word como su representación html tos perspectiva tos y algunos como hotmail y gmail ejecutando html 1 (esto puede ser un poco complicado, pero está en algún lugar por ahí), nunca se sabe realmente cómo van a salir las cosas.

En cuanto a la respuesta a su pregunta, intente

bloqueo de pantalla
en tu imagen. Por lo general, desea colocar display: block en todas sus imágenes, así como las alturas y el ancho para asegurarse de que no haya espacios extraños entre los cortes de la imagen.

contestado el 17 de mayo de 11 a las 00:05

<p>funciona en el correo electrónico incluso con Outlook mediante el uso Margin:8px 0; como ejemplo. Parece que se respeta la "M" mayúscula. - más oscuro

El problema principal es Microsoft Outlook, encerrar la imagen en una tabla parece funcionar. Es una molestia adjuntar cada imagen, pero dats em se rompe:

<p align="center">
    <table><tr><td style="border: 1px solid grey;">
    <img src="images/pic1.jpg" width="443" height="148" align="middle" 
         style="padding:10px;"/>
    </td></tr></table>
</p>

respondido 19 nov., 12:05

<table> no esta permitido dentro <p> - Melvin

De acuerdo a esto: http://www.campaignmonitor.com/css/ el borde debería estar funcionando correctamente.

Intentaría dos cosas:

Primero agregue lo siguiente a la imagen, que también ayudará con los errores de representación de Gmail

display:block; 

Y también, quizás intente:

border-top: 1px solid gray;
border-right: 1px solid gray;
border-bottom: 1px solid gray;
border-left: 1px solid gray;

contestado el 17 de mayo de 11 a las 00:05

un poco fuera de tema, pero mailchimp tiene una gran herramienta para traducir un diseño HTML normal con clases CSS separadas a una versión CSS en línea

http://beaker.mailchimp.com/inline-css

y también un gran tutorial sobre cómo codificar correos electrónicos HTML de la manera correcta

http://kb.mailchimp.com/article/how-to-code-html-emails/

y con respecto a su problema de CSS.

Intenta envolver la imagen en una celda de la tabla y dale el borde a la celda.

Desafortunadamente, con los correos electrónicos HTML, las tablas son tus amigas, una vez más.

Que se diviertan

contestado el 17 de mayo de 11 a las 00:05

intente cambiar el color a su valor, # 808080 o su versión correctamente escrita 'gris'

contestado el 17 de mayo de 11 a las 00:05

Eso no ayuda. Misma salida - user1212

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.