
	Portada \| Monotemáticos \| Secciones \| Desarrolladores \| Comunidad \| Servicios \| Servicios profesionales \| RSS

	DesarrolloWeb.com > FAQ

Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades

Generador METAs | Compras | Busca cursos

Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Tengo un problema a la hora de implementar un scroll.

Tengo una consulta que hacer, alguien sabe como ponerle scroll tanto vertical como horizontal a una tabla que mostrara un conjunto de resultados porvenientes de un query??

Lo que quiero lograr es que la tabla no se expanda mucho ni a los lados ni hacia abajo, por eso la idea de los scrolls. He visto algunas paginas que lo implementanm, si alguien tiene algo asi me podria ayudar?

La FAQ Tengo un problema a la hora de implementar un scroll. tiene Una respuesta
2 comentarios
un comentario no revisado
Pertenece a la categoría:

HTML
PHP

Respuesta de Juan Francisco Salgado Briegas

03/3/03

Para lograr lo que quieres, puedes hacer lo siguiente: Utilizar tablas para estructurar la tu página y, en la celda que quieras utilizar para mostrar el resultado del query debes insertar un "Frame flotante" (etiquetas <iframe></iframe>) con el mismo ancho y alto que la celda y la propiedad scrolling="auto" para que si el contenido de la página que se carga en el Frame flotante supera el ancho o alto de éste, salga scroll. Si no quieres que salgan los bordes del iframe pon la propiedad frameborder="0". <iframe name="iframe1" src="página muestra el resultado del query" frameborder="0" scrolling="auto" width="ancho de la celda de la tabla" height="alto de la celda"></iframe>

Observa que tendrás que crear una nueva página que mostrará el resultado del query. Esta página será la que se cargue en el frame flotante (src="query.php").

Complementar la respuesta
Volver al árbol de categorías

Comentarios de los visitantes

Se muestran 2 comentarios revisados

Comentario de Daniel Oubiña

01/1/06

<html>
<head><title>scroll en td</title></head>
<style type="text/css">

</style>
<body>
<table><tr><td class="scroll">Este Es El td que obtendra el scroll con una anchura de 461 y una altura de 400
</td></tr></table>
</body>
</html>

Comentario de Quico

27/3/06

<div style="overflow-y:scroll; height:150; width:500;">
<pre>
Lo más comodo y funcional es usando una capa:
overflow:hidden; (no las muestra nunca) (por defecto)
overflow:auto; (depende del contenido)
overflaw:scroll; (siempre las muestra)

si lo que quieres es configurar las barras por separado:
overflow-y (añadiendo "-y" se configura la vertical)
overflow-x (añadiendo "-x" se configura la horizontal)
</pre>
</div>

Comentarios sin revisar

Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente.

Se ha encontrado un comentario sin revisar

Ver los comentarios no revisados

FAQ relacionadas
  + Mostrar una dirección simple en la barra de direcciones
  + ¿Por qué aconsejan aprender HTML?
  + Enlaces para descarga de archivos
  + Listas con símbolos distintos de los habituales
  + Contenido de los META
  + Mezclar formas en los mapas de imágenes
  + Compatibilidad de Iframe en los distintos navegadores.
  + Alinear el contenido horizontal y verticalmente
  + Cambiar la descripción de las etiquetas META una vez publicadas
  + problemas con la inserción de un icono personalizado en mi web.
  + Descargar archivos automáticamente al entrar en una página
  + Indicar el asunto en los enlaces a email y formularios
  + Cómo insertar un contador de visitas
  + ¿Cómo puedo abrir y cerrar un popup?
  + Tabla HTML con borde simple en vez de doble
  + Cambiar color a los enlaces
  + Evitar que el navegador muestre archivos que pongo para descarga
  + Dirigir un enlace al frame deseado, en vez de a si mismo
  + Quiero hacer un enlace fuera de mi página.
  + Ir a la página anterior al pulsar una imagen
  + ¿ 800X600 o 1024X768 ?
  + Evitar que se abran en el navegador los enlaces a archivos de descarga
  + Texto en movimiento con HTML
  + Enlaces a carpetas en lugar de archivos
  + Comas en lista de palabras clave
  + Editores de HTML
  + Mapa de imágenes con HTML
  + Enlaces que muestran explicación al poner el ratón encima
  + HTML en un correo
  + Tildes en tu página web
  + Cómo hacer un frame sin bordes
  + Ventajas e inconvenientes de los frames
  + Web Safe Colors
  + La etiqueta <BR>, no se tiene que cerrar?
  + Para que sirve en concreto la etiqueta <head>...</head>?
  + Enlaces a correos electrónicos de envío automático
  + Error típico en mapas de imágenes por #
  + Cambiar tipografía para toda la página
  + Centrar tabla
  + Poner enlaces en HTML de un color determinado
  + ...

Para ver más FAQ relacionadas accede a las categorías:

HTML
PHP

Complementar la respuesta
Volver al árbol de categorías

		DesarrolloWeb.com \| Copyright \| Anunciese \| Acerca de \| Datos legales \| Contacta \| Por GuiarteMultimedia

Alojamiento web

	Complementar la respuesta
	Volver al árbol de categorías