Texto con barra desplazadora en Tabla de DW

Wayan · #1 (**permalink**) 17/02/2007, 08:01

Por favor, tengo la urgencia de saber como hacer para que, en una tabla a la cual le ingrese un texto, se le agregue una barra de desplazamiento para poder leerlo todo y que esta a su vez no sobrepase el tamaño de las demas tablas de las otras paginas del sitio. Ah! y ponerle una imagen de fondo...

Ejemplo: www(punto)arenal(punto)cl(punto)nu -->(vayan a "perfiles")

De antemano muchas gracias

Wayan · #2 (**permalink**) 17/02/2007, 09:42

...me refiero a un scroll...
como le pongo una scrollbar a una tabla?

gracias

juaniquillo · #3 (**permalink**) 17/02/2007, 10:15

para eso nesecitas usar un iframe

Wayan · #4 (**permalink**) 17/02/2007, 11:37

Vale!!!!!!

Daniel Ulczyk · #5 (**permalink**) 22/02/2007, 15:10

Entiendo que no necesariamente un IFRAME, se puede resolver teniendo el contenido en un mismo documento.
Mi propuesta es la siguiente:

Cita:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tabla con scroll en una celda</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
table {
width: 600px;
}
td {
width: 300px;
height: 50px;
color: Black;
background-color: #000FFF;
}
th {
background-color: #2F4F4F;
color: #FFFFFF;
text-align: left;
}
.scrollable {
width: 300px;
height: 50px;
overflow: auto;
background-image: url(img/gradient1.png);
}

</style>
</head>
<body>
<table>
<tr>
<th>Columa1</th>
<th>Columna2</th>
</tr>
<tr>
<td>Cell 1,1 </td>
<td><div class="scrollable">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In tristique. Aenean ac lacus eget metus porttitor facilisis. Aenean augue.</p>
</div>
</tr>
<tr>
<td>Cell 2,1 </td>
<td>Cell 2,2 </td>
</tr>
</table>
</body>
</html>

Lo cual resume lo requerido (no consulté el enlace de referencia).

juaniquillo · #6 (**permalink**) 22/02/2007, 17:06

tambien se podria usar un div en vez de una tabla.