Tecnología

Inicio

¿Cómo hacer el código HTML para Obtener barras de desplazamiento horizontal

barras de desplazamiento horizontal sirven esencialmente el mismo propósito en su página web que las barras de desplazamiento verticales hacen. A pesar de que las barras de desplazamiento verticales le permiten desplazarse hacia arriba y hacia abajo una página para ver más contenido, barras de desplazamiento horizontal le permiten ver el contenido que se escurre hacia la izquierda o la derecha. Estas barras de desplazamiento son a menudo necesarios en el interior de los cuadros de texto en las páginas Web cuando la caja no es lo suficientemente grande para mostrar todo el contenido.

Instrucciones

1 Ingrese a su servidor Web.

2 Abra la página HTML en la que desea incluir una barra de desplazamiento horizontal.

3 Haga clic en la sección de la página en la que desea insertar la caja con la barra de desplazamiento horizontal. Este será entre la apertura <body> y cierre </ body> etiquetas.

4 Introduzca este código:

<Div style = "border: 1px solid negro; ancho: 400px; altura: 200px; overflow-y: hidden; overflow-x: desplazarse;">

<P style = "width: 250%;">

Su texto va aquí.

</ P>

</ Div>

5 Sustituir "Su texto va aquí" con el texto real que desea incluir en el cuadro de desplazamiento.

6 Reemplazar los valores de altura y anchura para el cuadro de desplazamiento que se encuentra en la línea superior de código si se desea. No cambie el ajuste de "250%" en el código. Esto es necesario para crear la barra de desplazamiento horizontal.

7 Publicar la página.