Tecnología

Inicio

Cómo agregar un área de desplazamiento

September 17

Para tener un área en la que los usuarios pueden desplazarse en su página HTML, asegúrese de que la parte final de la página Web incluye un código fuente que puede dar cabida a un área de desplazamiento. La creación de un área de desplazamiento en un documento HTML no es difícil, sin embargo se necesita un conocimiento general de la publicación Web y codificación HTML. El método que sigue para añadir una barra de desplazamiento varía un poco dependiendo del servidor Web que utilice.

Instrucciones

1 Ingrese a su servidor Web.

2 Busque la página HTML que desea que cuentan con un área de desplazamiento de, y abrirlo.

3 Inserte el siguiente código CSS en la parte superior de la página HTML:

<Style type = "text / css">

<! -

div.scroll {

altura: 200px;

Anchura: 300px;

overflow: auto;

frontera: 1px solid # 666;

background-color: #ccc;

padding: 8 píxeles;

}

->

</ Style>

4 Haga clic en la página justo por encima de la sección de texto que usted quiere ser desplazable.

5 Tipo:

<Div class = "scroll">

6 Escriba la etiqueta del cierre <div /> justo después del texto termina.

7 Haga clic en "Publicar" para hacer que su página en vivo.

Consejos y advertencias

  • Un ejemplo de lo que el HTML se vería en su página:
  • <Style type = "text / css">
  • <! -
  • div.scroll {
  • altura: 200px;
  • Anchura: 300px;
  • overflow: auto;
  • frontera: 1px solid # 666;
  • background-color: #ccc;
  • padding: 8 píxeles;
  • }
  • ->
  • </ Style>
  • <Div class = "scroll">
  • <P> Esta es el área de texto de desplazamiento. Cualquier cosa que escriba aquí aparecerá junto con una barra de desplazamiento que el usuario puede mover. </ P>
  • </ Div>