Foros del Web » Creando para Internet » HTML »

Problema con espacios entre tablas en pagina web enviado por email

Estas en el tema de Problema con espacios entre tablas en pagina web enviado por email en el foro de HTML en Foros del Web. Buenas tardes, quisiera un poco de ayuda por favor sobre el problema que tengo cuando quiero enviar un "newsletter". El problema esta que desde mi ...
  #1 (permalink)  
Antiguo 26/11/2013, 12:25
 
Fecha de Ingreso: noviembre-2013
Mensajes: 1
Antigüedad: 11 años
Puntos: 0
Problema con espacios entre tablas en pagina web enviado por email

Buenas tardes, quisiera un poco de ayuda por favor sobre el problema que tengo cuando quiero enviar un "newsletter". El problema esta que desde mi pagina web se ve perfectamente pero cuando lo envió por correo electrónico hay espacios entre tablas. Y eso hace que no cuadre bien la pagina.

La pagina web es esta:

[URL="www.lanubeonline.es"]www.lanubeonline.es[/URL]

Este es parte del codigo de la pagina web y también os dejo una captura de como aparece cuando lo envío a mi correo electrónico (hotmial).

Código HTML:
Ver original
  1. <html><head></head><body><meta http-equiv="Content-Type"
  2. content="text/html; charset=utf-8" />
  3. <title>FELICES FIESTAS!</title>
  4. <table cellspacing="0" cellpadding="0" border="0" width="100%">
  5.     <tr>
  6.         <td background="http://lanubeonline.es/images_newsletter/bg.jpg" style="background-position:center top;" style="display:block">
  7.             <table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
  8.                 <tr>
  9.                     <td height="168"><img src="http://lanubeonline.es/images_newsletter/top_img.jpg" alt="" height="168" width="650" style="display:block" /></td>
  10.                 </tr>
  11.                 <tr>
  12.                     <td height="78"><img src="http://lanubeonline.es/images_newsletter/logo.jpg" alt="Happy Holidays!" height="78" width="650" style="display:block" /></td>
  13.                 </tr>
  14.                 <tr>
  15.                     <td height="384"><a href="http://stores.ebay.es/La-Nube-Electronica?_rdc=1" target="_blank"><img src="http://lanubeonline.es/images_newsletter/main_img.jpg" alt="View all products" height="384" width="650" border="0" style="display:block" /></a></td>
  16.                 </tr>
  17.                 <tr>
  18.                     <td height="77"><img src="http://lanubeonline.es/images_newsletter/welcome.jpg" alt="Welcome" height="77" width="650" style="display:block" /></td>
  19.                 </tr>
  20.                 <tr>
  21.                     <td background="http://lanubeonline.es/images_newsletter/main_shadow.png" style="background-position:center bottom; background-repeat:no-repeat;">
  22.                         <table align="center" border="0" cellpadding="0" cellspacing="0" width="606" height="0">
  23.                             <tr>
  24.                                 <td background="http://lanubeonline.es/images_newsletter/container_bg.jpg">
  25.                                     <table border="0" cellpadding="0" cellspacing="0" width="100%" height="0">
  26.                                         <tr>
  27.                                             <td colspan="5">
  28.                                             <p style="padding:0 30px 5px 33px; margin:0; font-family: Arial; font-size: 13px; line-height: 16px; color: black;" align="center";><b>Aproveche los precios bajos. Ahora con más regalos que nunca.<b></p>
  29.                                             <p style="padding:0 30px 10px 33px; margin:0; font-family: Arial; font-size: 13px; line-height: 16px; color: black;" align="center";><b>Escriba lo siguiente al final del mensaje cuando elija el color:</b></p>
  30.                                             <p style="padding:0 30px 10px 33px; margin:0; font-family: Arial; font-size: 20px; line-height: 16px; color: red;" align="center";><b>"FELICES FIESTAS Y DOBLE REGALOS"</b></p>
  31.                                             <p style="padding:0 30px 10px 33px; margin:0; font-family: Arial; font-size: 13px; line-height: 16px; color: black;" align="center";><b>Recibirá el doble de regalos por cada artículo que los incluya.</b></p>
  32.                                             </td>
  33.                                         </tr>
  34.                                         <tr>
  35.                                             <td colspan="5" height="43"><img src="http://lanubeonline.es/images_newsletter/devider.png" alt="" height="43" width="606" style="display:block" /></td>
  36.                                         </tr>



Muchas gracas por adelantado y si no me he explicado bien o necesitáis mas información me lo decís.

Un saludo

Última edición por pzin; 02/12/2013 a las 17:13 Razón: formato código
  #2 (permalink)  
Antiguo 01/12/2013, 05:42
Avatar de guardarmicorreo  
Fecha de Ingreso: noviembre-2012
Ubicación: Córdoba
Mensajes: 1.153
Antigüedad: 12 años, 1 mes
Puntos: 84
Respuesta: Problema con espacios entre tablas en pagina web enviado por email

Cita:
Iniciado por elegidos Ver Mensaje
Buenas tardes, quisiera un poco de ayuda por favor sobre el problema que tengo cuando quiero enviar un "newsletter". El problema esta que desde mi pagina web se ve perfectamente pero cuando lo envió por correo electrónico hay espacios entre tablas. Y eso hace que no cuadre bien la pagina.



La pagina web es esta:

[URL="www.lanubeonline.es"]www.lanubeonline.es[/URL]



Este es parte del codigo de la pagina web y también os dejo una captura de como aparece cuando lo envío a mi correo electrónico (hotmial).






<html><head></head><body><meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<title>FELICES FIESTAS!</title>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td background="http://lanubeonline.es/images_newsletter/bg.jpg" style="background-position:center top;" style="display:block">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="650">
<tr>
<td height="168"><img src="http://lanubeonline.es/images_newsletter/top_img.jpg" alt="" height="168" width="650" style="display:block" /></td>
</tr>
<tr>
<td height="78"><img src="http://lanubeonline.es/images_newsletter/logo.jpg" alt="Happy Holidays!" height="78" width="650" style="display:block" /></td>
</tr>
<tr>
<td height="384"><a href="http://stores.ebay.es/La-Nube-Electronica?_rdc=1" target="_blank"><img src="http://lanubeonline.es/images_newsletter/main_img.jpg" alt="View all products" height="384" width="650" border="0" style="display:block" /></a></td>
</tr>
<tr>
<td height="77"><img src="http://lanubeonline.es/images_newsletter/welcome.jpg" alt="Welcome" height="77" width="650" style="display:block" /></td>
</tr>
<tr>
<td background="http://lanubeonline.es/images_newsletter/main_shadow.png" style="background-position:center bottom; background-repeat:no-repeat;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="606" height="0">
<tr>
<td background="http://lanubeonline.es/images_newsletter/container_bg.jpg">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="0">
<tr>
<td colspan="5">
<p style="padding:0 30px 5px 33px; margin:0; font-family: Arial; font-size: 13px; line-height: 16px; color: black;" align="center";><b>Aproveche los precios bajos. Ahora con más regalos que nunca.<b></p>
<p style="padding:0 30px 10px 33px; margin:0; font-family: Arial; font-size: 13px; line-height: 16px; color: black;" align="center";><b>Escriba lo siguiente al final del mensaje cuando elija el color:</b></p>
<p style="padding:0 30px 10px 33px; margin:0; font-family: Arial; font-size: 20px; line-height: 16px; color: red;" align="center";><b>"FELICES FIESTAS Y DOBLE REGALOS"</b></p>
<p style="padding:0 30px 10px 33px; margin:0; font-family: Arial; font-size: 13px; line-height: 16px; color: black;" align="center";><b>Recibirá el doble de regalos por cada artículo que los incluya.</b></p>
</td>
</tr>
<tr>
<td colspan="5" height="43"><img src="http://lanubeonline.es/images_newsletter/devider.png" alt="" height="43" width="606" style="display:block" /></td>
</tr>











Muchas gracas por adelantado y si no me he explicado bien o necesitáis mas información me lo decís.

Un saludo
no soy experto diseñador. pero sí se que las tablas para diseñar y estructurar contenido es una práctica antiquísima que ya no se usa. utiliza <div> por ejemplo, pero no tablas.
__________________
Ayúdame a hacerlo por mi mismo.
  #3 (permalink)  
Antiguo 01/12/2013, 20:44
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 9 meses
Puntos: 1826
Respuesta: Problema con espacios entre tablas en pagina web enviado por email

guardarmicorreo, el uso de tablas en mailings es correcto.

Etiquetas: email, enviado, espacios, href, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:33.