Problema con el diseño de newsletter para enviar por correo

eversor · #1 (**permalink**) 23/06/2010, 09:33

Hola buenas, tengo un ligero problema.
La cosa es que he diseñado una newsletter para enviarla a los usuarios de mi juego, la cosa es que el codigo html lo hice con la herramienta del photoshop que puede generar archivos html.
El problema viene cuando lo envio por correo, ya que en vez de aparecer bien, aparece deforme, como se ve en la imagen1* (la imagen 2 es como se ve desde cualquier navegador)

Les dejo aqui el codigo y los pantallazos...
*La imagen1 se corta por abajo, pero eso es del pantallazo, lo preocupante es que aparezcan esos espacios en blanco entre medias.

Código HTML:

<html>
<head>
<title>newsletter[0.9.d]</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (newsletter[0.9.d].jpg) -->
<table id="Tabla_01" width="600" height="800" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3">
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5B0.9.d%5D_01.jpg" alt="Dexgame, nueva versi&oacute;n 0.9.d"width="600" height="356" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_02.gif" width="600" height="8" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_03.gif" width="600" height="36" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_04.gif" alt="Entra en una nueva era de encarnizados combates, intrincadas estrategias y sobretodo mucha, mucha diversi&oacute;n. " width="600" height="92" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_05.gif" alt="Nuevo motor de batallas: auténticos combates espaciales con un realismo asombroso, en donde cada nave juega un
papel decisivo en tu camino hacia la conquista del universo. Estadísticas 100% funcionales: conocerás con exactitud la evolución de tu imperio, tu ranking y tus puntos en riguroso
tiempo real con una precisión milimétrica." width="600" height="136" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_06.gif" width="600" height="57" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_07.gif" width="600" height="8" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_08.gif" width="180" height="107" alt=""></td>
		<td>
			<a href="http://dexgame.net/" ><img style="border:0px;" src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_09.gif" width="244" height="79" alt=""></a></td>
		<td rowspan="2">
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_10.gif" width="176" height="107" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_11.gif" width="244" height="28" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

imagen1

imagen2

Saludos & gracias

eversor · #2 (**permalink**) 24/06/2010, 08:48

Me he fijado que incluso enviando el codigo ams simple, siempre aparecen esos espacios en blanco...

Esto son dos imagenes que deberian ir juntas, pegadas y que sin embargo aparecen separadas por un espacio en blanco...

No entiendo a q se debe, ya que si lo visualizas en el navegador se ve bien, lo q pasa es q al enviarlo no... es algo que tiene q ver con los servidores de correo...

Código HTML:

<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td >
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5B0.9.d%5D_01.jpg" alt="Dexgame, nueva versi&oacute;n 0.9.d"width="600" height="356" ></td>
	</tr>
	<tr>
		<td >
			<img src="http://www.dexgame.net/news_letter/0.9d/Images/newsletter%5b0.9.d%5d_02.gif" width="600" height="8" ></td>
	</tr>
</table>

selenna · #3 (**permalink**) 20/08/2010, 14:20

Hola, tengo exactamente el mismo problema, yo maquete en dreamweaver y pasa eso con hotmail y gmail, pero no con thunderbird, outlook ni yahoo.. alguna sugerencia??

Tollelle · #4 (**permalink**) 29/08/2011, 07:43

align="left" en las imágenes y si hay links en imágenes completas quitarlos.

Suerte