Foros del Web » Creando para Internet » Diseño web »

scrooll en una tabla

Estas en el tema de scrooll en una tabla en el foro de Diseño web en Foros del Web. Hola se podria poner un scrooll como esto en una tabla como se hace? <style type="text/css"> <!-- body { SCROLLBAR-FACE-COLOR:#6699CC; SCROLLBAR-HIGHLIGHT-COLOR: #6699CC; SCROLLBAR-SHADOW-COLOR: #6699CC; SCROLLBAR-3DLIGHT-COLOR: ...
  #1 (permalink)  
Antiguo 15/05/2006, 13:58
 
Fecha de Ingreso: mayo-2006
Mensajes: 154
Antigüedad: 10 años, 4 meses
Puntos: 0
scrooll en una tabla

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

<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>
  #2 (permalink)  
Antiguo 16/05/2006, 04:20
 
Fecha de Ingreso: mayo-2006
Mensajes: 9
Antigüedad: 10 años, 4 meses
Puntos: 0
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">
<!--
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>

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

</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!
  #3 (permalink)  
Antiguo 16/05/2006, 12:11
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 13 años
Puntos: 57
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> 
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #4 (permalink)  
Antiguo 16/05/2006, 12:21
Avatar de AlZuwaga
Colaborador
 
Fecha de Ingreso: febrero-2001
Ubicación: 34.517 S, 58.500 O
Mensajes: 14.550
Antigüedad: 15 años, 7 meses
Puntos: 535
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>
__________________
...___...
  #5 (permalink)  
Antiguo 16/05/2006, 12:32
Avatar de DjFaramir  
Fecha de Ingreso: febrero-2003
Ubicación: La Plata, Buenos Aires, Argentina
Mensajes: 131
Antigüedad: 13 años, 7 meses
Puntos: 0
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
__________________
See you... y Tolkien... mucho Tolkien...
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 14:53.