Eliminar el espacio en blanco vertical entre las imágenes

Estoy trabajando en la plantilla de correo electrónico. El código es algo como esto:

Siempre tengo espacios en blanco verticales entre estas dos imágenes.

Intenté usar valign, vspace pero no tuve suerte. Cómo deshacerse de él?

Obtendrá espacios en blanco porque las imágenes se disponen en línea (entre dos filas de líneas hay espaciado). Puedes colocarlos como elementos de bloque …

 img { display:block; } 

.. o puede usar la propiedad de alineación vertical para definir una alineación vertical diferente que debería eliminar el espaciado …

 img { vertical-align:top; } 

http://vidasp.net/media/CSS-vertical-align.gif

Por cierto, deje de usar los atributos en desuso (cellpadding, cellspacing, align, border). Para cada uno de esos atributos hay una alternativa de CSS que se debe usar. Además, use algún código de restablecimiento de CSS (como Yahoo CSS Reset) …

Extraño: Esto no debería ser.

Quizás el cliente de correo electrónico interprete el salto de línea entre los s como espacios en blanco.

Intente configurarlos directamente uno al lado del otro:

Sus líneas son lo suficientemente altas como para acomodar texto en la fuente predeterminada, que es más alta que sus imágenes de 11 píxeles, de ahí la brecha.

Necesitas hacer las líneas más pequeñas; la forma más simple para su ejemplo es reducir la fuente:

  

Probado en IE 8, Firefox 3.6 y Chrome 6.