scrooll en una tabla

valdevespi · #1 (**permalink**) 15/05/2006, 13:58

Hola
se podria poner un scrooll como esto en una tabla como se hace?

<style type="text/css">

</style>

MartinSkate · #2 (**permalink**) 16/05/2006, 04:20

pues mira, no lo he probado, pero igual te sirva, no se si puedas ponerle a una tabla un scrollbar, yo siempre lo hago con iframes, pero bueno, el codigo del estilo del scrollbar pues lo colocas donde debe de ir:

<html>
<head>
<body>

<style type="text/css">

</style>

.....................
.....................
.....................

</body>
</head>
</html>

Al menos asi lo uso yo, y en la etiqueta de la tabla colocar las medidas de hasta donde quieres que se muestre la tabla, es decir, el tamaño de ella, esto sera con width y height, y de igual manera añadir un scrolling="yes", igual y si te funciona, como te digo no lo he probado, pero se ve que funcionara... Sino, espera la respuesta de otra persona mas avanzada.

saludos!

seoista · #3 (**permalink**) 16/05/2006, 12:11

Hola valdevespi, no sé si será esto lo que quieres:

Código:

<html>
<head>
<title> </title>
<style type="text/css">
<!--
body {
SCROLLBAR-FACE-COLOR:#6699CC;
SCROLLBAR-HIGHLIGHT-COLOR: #6699CC;
SCROLLBAR-SHADOW-COLOR: #6699CC;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #E3E3E3;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
-->
</style>
</head>
<body>
<table border="1">
<tr>
<td>
<div style="overflow:auto; width: 300px; height: 100px">
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
etc., etc., ...
</div>
</td>
</tr>
</table>
</body>
</html>

AlZuwaga · #4 (**permalink**) 16/05/2006, 12:21

Yo hice esto para probar, pero, claro, no funciona en IE

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>dataGrid</title>
<style type="text/css">
<!--
#datag {
	background-color: #EBEBEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 400px;
	display: block;
}
#datag thead {
	text-align: left;
	display: block;
}
#datag tbody {
	display: block;
	width: 400px;
	background-color: #999999;
	overflow: auto;
	text-align: left;
	height: 50px;
}
#datag .col1 {
	width: 150px;
}
#datag .col2 {
	width: 150px;
}
#datag .col3 {
	width: 100px;
}
-->
</style>
</head>

<body>

<table id="datag">
  <thead>
	  <tr>
		  <th class="col1">Nombre</th>
		  <th class="col2">Apellido</th>
		  <th class="col3">Tel&eacute;fono</th>
	  </tr>
  </thead>
  <tbody>
	  <tr>
		  <td class="col1">Diego</td>
		  <td class="col2">P&eacute;rez</td>
		  <td class="col3">1234-0221</td>
	  </tr>
	  <tr>
		  <td>Agust&iacute;n</td>
		  <td>Pepe</td>
		  <td>4321-8796</td>
	  </tr>
	  <tr>
		  <td>Cecilia</td>
		  <td>Apo</td>
		  <td>4896-5632</td>
	  </tr>
	  <tr>
	    <td>Nardo</td>
	    <td>Pipino</td>
	    <td>4693-3214</td>
    </tr>
	  <tr>
	    <td>Carola</td>
	    <td>Fern&aacute;ndez</td>
	    <td>4236-5632</td>
    </tr>
	  <tr>
	    <td>N&eacute;lida</td>
	    <td>Frihida</td>
	    <td>4369-8963</td>
    </tr>
	  <tr>
	    <td>Eustaquio</td>
	    <td>Merengano</td>
	    <td>4896-5637</td>
    </tr>
	  <tr>
	    <td>Flavio</td>
	    <td>Nono</td>
	    <td>4156-8521</td>
    </tr>
	  <tr>
	    <td>Andr&eacute;s</td>
	    <td>Perengano</td>
	    <td>4569-8547</td>
    </tr>
	  <tr>
	    <td>Viviana</td>
	    <td>Mengano</td>
	    <td>4972-5698</td>
    </tr>
  </tbody>
</table>
</body>
</html>

DjFaramir · #5 (**permalink**) 16/05/2006, 12:32

Cita:

Iniciado por seoista

Hola valdevespi, no sé si será esto lo que quieres:

Código:

<html>
<head>
<title> </title>
<style type="text/css">
<!--
body {
SCROLLBAR-FACE-COLOR:#6699CC;
SCROLLBAR-HIGHLIGHT-COLOR: #6699CC;
SCROLLBAR-SHADOW-COLOR: #6699CC;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #E3E3E3;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
-->
</style>
</head>
<body>
<table border="1">
<tr>
<td>
<div style="overflow:auto; width: 300px; height: 100px">
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
TU CONTENIDOOOOOO<br />
etc., etc., ...
</div>
</td>
</tr>
</table>
</body>
</html>

muy bueno esto, me ayuda un toco :P