Foros del Web » Creando para Internet » HTML »

Newsletter con tablas, div y scroll

Estas en el tema de Newsletter con tablas, div y scroll en el foro de HTML en Foros del Web. Hola, que tal. Es la primera vez que escribo en foro de HTML, luego lo primero un saludo a todos. No se si este tema ...
  #1 (permalink)  
Antiguo 14/04/2010, 10:21
 
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Newsletter con tablas, div y scroll

Hola, que tal.

Es la primera vez que escribo en foro de HTML, luego lo primero un saludo a todos.

No se si este tema está correcto aquí. Si no es así pido disculpas y que los moderadores lo muevan donde sea correcto.

Bien, al tema. Voy a realizar una newsletter que luego enviará una empresa dedicada a realizar envíos. Esta newsletter, al ser demasiado larga ya que va a tener mucho contenido, necesito realizar ciertas partes del contenido con scroll, para evitar un scroll de página muy largo. Esto tiene que ser así. Ya se que una news solo debe de informar de contenido y que linke a un sitio donde esté más desarrollado, pero en este caso tiene que ser así.

He pensado en realizarlo con tablas y dentro de cada fila, el contenido que sea extenso meterlo dentro de un div con un height de la misma altura que la altura de la tabla y overflow en auto para que salga el scroll.

Me gustaría saber si opináis si es correcto meter un div dentro de un <td> para este caso o si conocéis alguna otra manera mejor de realizarlo.

Saludos
  #2 (permalink)  
Antiguo 14/04/2010, 12:06
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Newsletter con tablas, div y scroll

Si, es una forma correcta. te paso un código de ejemplo

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Scroll en celda</title> 
<style type="text/css" media="screen"> 
table { 
width: 220px; 
} 
td { 
height: 50px; 
background-color: #BFCC00; 
width: 110px; 
} 
.scroll { 
height: 100%; 
overflow: auto;
/* la siguiente propiedad no es estandar y la usamos para prevenir el scroll horizontal
lo apropiado sería ajustar el ancho de la celda para que permita el ancho máximo del texto
ya que el scroll horizontal no resulta muy estético */
overflow-x:hidden;
} 
</style> 
</head> 

<body> 
<table> 
<tr> 
<td>Contenido de celda 1</td> 
<td><div class="scroll">
<p>El texto del div contenido en esta celda puede ser de tama&ntilde;o indefinido, ya que aparecer&aacute; la barra de scroll vertical.<br />
  AAAAAAA<br />
  BBBBBBB<br />
  CCCCCCCC<br />
DDDDDDDDDDDDDDDDDDDDDDD<br />
EEEEEEEEEEEEE EEEEEEEE</p>
</div>

  </td> 
</tr> 
<tr> 
<td>Contenido de celda 3</td> 
<td>Contenido de celda 4</td> 
</tr> 
</table> 
</body> 
</html>
Observa el comentario dentro del <style>
saludos
  #3 (permalink)  
Antiguo 15/04/2010, 03:08
 
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Respuesta: Newsletter con tablas, div y scroll

Gracias por tu respuesta, emprear.

Quería saber opiniones de otros desarrolladores. Siempre vienen bien y se aprende a la vez que se enseña.

Saludos!
  #4 (permalink)  
Antiguo 06/05/2010, 11:55
 
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Respuesta: Newsletter con tablas, div y scroll

Hola.

Hace tiempo planteé este post sobre poner un scroll en una tabla. Bien, la respuesta de meter dentro del td un div y ponerles el estilo overflow puede funcionar.

Bien, resulta que estoy montando una newsletter y necesito meter un scroll en uno de los contenidos ya que es demasiado grande. Lo realizo con tablas y el contenido lo meto dentro de un div con style overflow en un td, pero sucede que según lectores de correo en unos funciona y en otros no. Es decir, la propiedad overflow no todos la reconocen. Outlook 2007, Thunderbird, Hotmail si la reconecen y se ve OK, pero Gmail y Yahoo no lo reconoce y se despliega todo el contenido, pisando todo lo que quede por debajo.

¿Alguien conoce una solución para poner contenido en un scroll en una newsletter y que funcione en los lectores de correo?. Ya no se por donde tirar.

Gracias.
  #5 (permalink)  
Antiguo 14/07/2010, 23:52
Avatar de aldo1982  
Fecha de Ingreso: noviembre-2004
Ubicación: Santa Fe (Argentina) Colon F.C
Mensajes: 1.361
Antigüedad: 13 años
Puntos: 6
De acuerdo Respuesta: Newsletter con tablas, div y scroll

Cita:
Iniciado por seragui Ver Mensaje
Hola.

Hace tiempo planteé este post sobre poner un scroll en una tabla. Bien, la respuesta de meter dentro del td un div y ponerles el estilo overflow puede funcionar.

Bien, resulta que estoy montando una newsletter y necesito meter un scroll en uno de los contenidos ya que es demasiado grande. Lo realizo con tablas y el contenido lo meto dentro de un div con style overflow en un td, pero sucede que según lectores de correo en unos funciona y en otros no. Es decir, la propiedad overflow no todos la reconocen. Outlook 2007, Thunderbird, Hotmail si la reconecen y se ve OK, pero Gmail y Yahoo no lo reconoce y se despliega todo el contenido, pisando todo lo que quede por debajo.

¿Alguien conoce una solución para poner contenido en un scroll en una newsletter y que funcione en los lectores de correo?. Ya no se por donde tirar.

Gracias.
hola, te doy mi opinion ... si el correo que se enviará es muy largo, hacélo con tablas-- ya que no todos los cleitnes de correo leen de forrma correcta las propiedades de los <div>

eso fue todo je

salu2
__________________
LA MUERTE ESTÁ TAN SEGURA DE VENCER QUE NOS DA TODA UNA VIDA DE VENTAJA

Etiquetas: newsletter, scroll, 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 00:04.