Cómo crear una barra de desplazamiento en una tabla

Una tabla HTML puede proporcionar un método transparente para la yuxtaposición de muchas piezas diferentes de contenido, como imágenes con texto. Una tabla puede también aparecer deliberadamente como una estructura de rejilla estricta, con filas y columnas separadas por una frontera. Aunque las tablas pueden tener muchos diseños diferentes, por lo general se muestran en su totalidad en una página web. Si la tabla contiene una larga hoja de cálculo de información, puede ser más factible para no mostrar toda la tabla a la vez. En su lugar, puede crear una barra de desplazamiento de modo que sólo una parte de la tabla se muestra a la vez. visitante de su página web a continuación, puede desplazarse a través de la mesa si quiere ver más.

Instrucciones

1 Abra el archivo HTML que contiene la tabla. Debe abrir esto en un editor de texto, no un navegador web. Bloc de notas de Windows es aceptable para este proceso.

2 Encuentra el código HTML en el archivo que hace que los datos de la tabla. Esta sección del código se iniciará con la etiqueta "<table>". La etiqueta puede contener otros elementos, tales como "<table border = 1 bgcolor = # ffffff>", lo que denota el color de fondo de la tabla y el tamaño de sus fronteras de la red.

3 Crear una nueva línea antes de que este código de la tabla. Usted puede lograr esto mediante la colocación del cursor de texto justo antes de la etiqueta "<table>" y pulsar "Enter" en el teclado.

4 Agregue la siguiente línea de código DHTML en la línea por encima de la tabla HTML. DHTML es una extensión del lenguaje HTML que incluye información de formato CSS. Este código proporciona características que el código HTML convencional no puede. La línea necesaria para crear la barra de desplazamiento es:

<Div style = "height: 100px; ancho: 100px; font-size: 12px; overflow: auto;">

En este ejemplo, reemplace la "altura" y la información "anchura" píxel para representar el tamaño de la ventana de la tabla que desea que aparezca en la pantalla. Lo que no encaja en este tamaño especificado estará disponible a través de las barras de desplazamiento de forma automática. "100px" representa 100 píxeles, lo que no es particularmente amplia. Tenga en cuenta la resolución de su monitor de la computadora para estimar el tamaño de la ventana de la tabla deseada. Para darle una idea del tamaño que pueda necesitar en este código, muchos monitores de ordenador se fijan a 1024 píxeles de ancho.

5 Guarda el archivo.

6 Haga doble clic en el archivo para abrirlo en un navegador web. El cuadro se presenta con barras de desplazamiento. Si el tamaño de la ventana de la tabla no se como se pretende, hacer ajustes a la "altura" DHTML y parámetros "ancho" para llegar a una apariencia que más le convenga.