html table - estilos - Estilo de tabla border-look 2010 agrega un espacio extra
tablas html avanzado (6)
Encontré esto aquí: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails
"Los márgenes y el relleno del elemento de tabla en Outlook 2007 y 2010 pueden causar problemas
Si agrega propiedades de margen o relleno a su elemento TABLE, agregará el mismo margen y relleno a cada TD anidado en Outlook 2007 y 2010. Los atributos cellpadding y cellspacing son seguros, pero es mejor evitar los márgenes CSS y el relleno dentro del elemento TABLE que lo contiene "
Así que supongo que su margen sobre la mesa podría estar causando esto. No estoy seguro.
Creé un HTML para email marketing. Coloqué una mesa y le puse un borde alrededor:
<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;">
Por alguna razón, obtengo 1 píxel de espacio en blanco adicional cuando lo pruebo en PERSPECTIVA 2010. Lo veo alrededor de imágenes que están alineadas en la parte superior y la izquierda, y lo veo alrededor de otras celdas que tienen un color de fondo sólido.
Ver la imagen en este enlace: captura de pantalla
El triángulo superior es una imagen en una celda en sí misma. El rectángulo inferior es una celda con un color de fondo. Estos se supone que se adhieren a la frontera. Este es un problema recurrente. ¿Alguien ha encontrado este problema antes?
En caso de que aún no haya encontrado una solución a este problema:
Asegúrese de establecer border="0" para esas imágenes dentro de las celdas de la tabla.
El monitor de campaña tiene una gran solución sobre cómo resolver este tipo de problema. Simple, agregue este código de estilo a los elementos de su tabla. El siguiente código resolvió mi problema (al igual que OP) en Outlook 2010
<table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> ... </table>
Si eso no funciona, intente esto. http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010
Añadir border-collapse: colapso; al estilo de la mesa.
Para bordes de 1 y 3 píxeles de ancho, el borde derecho tiene un espacio de 1 píxel detrás. Una solución para este (extraño) tipo de problema es una "tabla fantasma" detrás de la tabla actual, con el ancho de la tabla actual menos 1 y el borde de 1. Por ejemplo:
<!--[if mso]><table border="1" width="699">
<tr style="display:none;"><td> </td></tr>
</table><![endif]-->
Más detalles: https://responsive.email/blog/s/1025987_Extra-space-behind-border-in-Outlook.html
Buena suerte...
Resolví este problema yendo a la sección de propiedades de la tabla y luego haciendo clic en "Opciones". Una vez que aparece el cuadro de opciones, cambie los márgenes de celda predeterminados para Izquierda y Derecha a 0 "y luego haga clic en Aceptar.