¿Solución para Outlook 2007 para ajustar texto alrededor de la imagen con margen?

Como todos sabemos, Outlook 2007 usa el motor de representación de Word 2007, causando un dolor sin fin cuando se diseña un mensaje de correo electrónico HTML. [Insertar despotricar aquí] En particular, flotación, margen y relleno son - ¿diremos? - mal soportado.¿Solución para Outlook 2007 para ajustar texto alrededor de la imagen con margen?

Para simular flotador de manera que el texto se ajusta alrededor de una imagen, al parecer, simplemente podemos utilizar:

<img src="foo.png" align="right">

La cuestión es de relleno/margen. Sin relleno/margen, el texto envuelto se ajusta contra la imagen que parece ridícula. Una solución es editar la imagen y agregar marcos transparentes que simulen el margen.

¿Alguien sabe alguna otra solución?

Fuente

2010-04-24 David Weinraub

Lo he intentado esta mañana y tristemente bordea las imágenes que no son compatibles, sin embargo, puede implementar el concepto en el área de texto :).

border-left: 7px solid #fff;

por ejemplo, dentro de un contenedor blanco daría el efecto visual de relleno a la izquierda ....

Fuente

2010-08-18 10:46:47

Eso es bastante sólido. Gracias. –

No funcionó en Outlook 2007 – 321zeno

Sí, esto funcionó muy bien para mí en Outlook Mac 2010 y Hotmail.com/ Outlook.com. Es un muy buen estilo de nivel base que obviamente funciona bien en Webkit y Gmail porque no es intrínsecamente un hack. +1 ¡No soportas Outlook 2007 más de todos modos, es prácticamente 2014! – itsricky

-3

Si agrega un estilo en línea a la etiqueta img con un comando margen de la siguiente manera:

<img src="foo.png" align="right" style="margin:5px;">

que supongo que es lo que estamos tratando de hacer.

Fuente

2010-04-24 18:13:51 canintex

o si quiere ser aún más exacto – canintex

Gracias por la sugerencia. Pero por mi experiencia directa y mi investigación posterior, eso no funciona. Outlook 2007 no parece admitir el margen, ya sea especificado en línea o de otro modo. ¿Alguna otra idea? –

Sé que este hilo es viejo, pero una alternativa sería darle a la imagen un borde sólido del mismo color que el contenedor.

Fuente

2010-08-17 21:48:54

Gracias por la respuesta. ;-) Idea interesante. Déjame jugar con eso y si funciona, entonces aceptaré la respuesta.[Lamentablemente, estoy inundado en este momento, así que deme algo de tiempo para borrar mi carga de trabajo y luego lo veré.] –

no funciona. Mate - [Outlook 2007 no muestra bordes de imagen] (http: //www.email-standards.org/blog/entry/outlook-2007-doesnt-show-image-borders/) – zanona

Después de leer la documentación de Microsoft Outlook 2007 con el apoyo, he encontrado que el uso de hspace en una imagen trabajará para crear un espacio en blanco a su alrededor similar al relleno.

[img src = "imagen.jpg" align = "left" border = "0" hspace = "10"]

que le dará el equivalente de 10px de relleno. Funciona muy bien en todos los clientes de correo electrónico.

Imaginé que compartiría en caso de que alguien más Google en el problema tropieza con esta pregunta como yo.

Fuente

2011-08-05 15:42:22 lawless

+ 1 Muchas gracias por agregar esto. De hecho, estaba tratando de encontrar una respuesta a este problema. No quería usar CSS, ya que no es compatible con todos los clientes de correo electrónico. Esto ayuda mucho. – webworm

HSPACE también me ha funcionado, parece ser la solución más simple. VSPACE también está disponible, por supuesto, para el relleno superior e inferior. – AVH

Añadiendo relleno en la imagen para Outlook y todos los demás clientes de correo electrónico. Encontré que esto funciona.

img { 
    padding-left: 25px!important; 
    padding-top: 25px!important; 
    padding-bottom: 25px!important; 
    padding-right: 25px!important; 
}

Fuente

2012-02-29 14:27:55 ajcoder

De mi prueba Outlook 2007/2010 no admite margen, relleno o borde en img. –

Un lugar que el relleno se apoya en Outlook '07 es <td> etiquetas. Así que he resuelto este envolviendo la imagen en un cuadro: la celebración de

<table cellspacing="0" cellpadding="0" border="0" align="left"> 
<tbody> 
    <tr> 
     <td> 
     <table cellspacing="0" cellpadding="0" border="0" align="left"> 
     <tbody> 
      <tr> 
       <td valign="top" style="padding: 0px 10px 0 0;"> 
       <img src="http://www.mysite.com/images/myimage.jpg" style="width:60px; height:100px;" border="0" /> 
       </td> 
      </tr> 
     </tbody> 
     </table> 
     <p>The text I want to see wrap...</p> 
     </td> 
    </tr> 
</tbody> 
</table>

Nota del align="left" está en la tabla primaria, así como la inmediatamente la imagen. Este truco es necesario para Outlook 2013. Todo lo demás se veía genial sin él en Litmus.

Fuente

2013-07-11 02:53:08 Ecksley

También podría usar un después de la celda que contiene la imagen en lugar de usar el relleno de css. –

@JacobDorman & Ecksley. Probé el relleno en el contenedor td y agregué un td adicional después de la imagen. Ambos dando como resultado un efecto de relleno. PERO, por alguna razón, los primeros 5px más o menos de mi texto se cortan. Al igual que la tabla alineada a la izquierda está encima de mi texto y lo oculta. ¿Ustedes lo han experimentado? –

¿Solución para Outlook 2007 para ajustar texto alrededor de la imagen con margen?

Respuesta

Cuestiones relacionadas