Cómo crear una barra de desplazamiento en una tabla

tablas HTML se muestran en todo el Internet

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 muestra en su totalidad en una página web. Si la tabla contiene una larga hoja de cálculo de la información, que 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.

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

Encuentra el código HTML en el archivo que hace que los datos de la tabla. Esta sección del código comenzará con la "

" etiqueta. La etiqueta puede contener otros elementos, tales como "

," lo que denota el color de fondo de la tabla y el tamaño de sus fronteras de la red.

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 y pulsando "Entrar" en el teclado.

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:

En este ejemplo, reemplace el "altura" y "anchura" pixel información 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, que no es particularmente amplia. Considere 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.

Vídeo: Tips DHTML - Div Con barra de desplazamiento

Guarda el archivo.

Vídeo: Word 2003. Tema 5. Tablas y Bordes - Parte 2

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 es como se pretende, realizar ajustes en el DHTML "altura" y "anchura" parámetros para llegar a una apariencia que más le convenga.

Vídeo: Como hacer una Barra Social (vertical y fija a pantalla) con HTML y CSS3

Artículos necesitará

referencias

Hscripts.com: Scrollable Tabla (HTML)

Sobre el Autor

James Highland comenzó a escribir profesionalmente en 1998. Ha escrito para el New York Institute of Finanzas y Chron.com. Él tiene una amplia experiencia en la inversión financiera y ha impartido cursos de programación de computadoras por dos compañías de Nueva York. Él tiene una licenciatura en producción de cine de la Universidad de Indiana.