Cómo agregar barras de desplazamiento en un DIV

Escrito por chris hoke | Traducido por jesica denisse tschiffely
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo agregar barras de desplazamiento en un DIV
Agrega barra de desplazamiento para desplazar el contenido en tu DIV. (John Foxx/Stockbyte/Getty Images)

Un DIV es un cuadro contenedor que puedes utilizar para dar estilo y mostrar un texto, imágenes y otros elementos web. Puedes utilizar DIV contenedores para formar la estructura básica de tu página web dividiendo las áreas de la página. Si tienes un DIV contenedor en el que deseas mostrar más texto del que pueda entrar en un área de tu página web, puedes agregar una propiedad en el rótulo DIV que muestra barras de desplazamiento y utilizarlas para desplazar contenido en el DIV.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Haz clic derecho en tu documento de la página web en un editor de texto para abrirlo, luego haz clic en "Abrir con". Elige "Bloc de notas" o "WordPad" desde la lista de programas disponibles y luego haz clic en "Aceptar".

  2. 2

    Haz clic para colocar tu cursor en la línea de código donde deseas colocar el DIV contenedor. Presiona "Enter" (o Intro) para crear una línea en blanco, si es necesario.

  3. 3

    Escribe "<DIV style='height:100px; width:400px; overflow:scroll;'>" en la línea en blanco. Esta abertura del rótulo DIV creará un contenedor de 100 pixeles de alto y 400 pixeles de ancho (puedes modificar los valores de altura y anchura según sea necesario, pero debes definirlos). La propiedad "overflow:scroll;" crea barras de desplazamiento que permiten que los usuarios se desplacen a través del contenido en el DIV. Presiona "Enter".

  4. 4

    Escribe o pega el texto, rótulos de imagen, enlaces u otro contenido que desees mostrar en el DIV contenedor, luego presiona "Enter". Si el contenido agregado en este paso excede los valores de altura y anchura definidos en el paso 3, las barras de desplazamiento se activarán y se pueden usar para mover el contenido en el DIV.

  5. 5

    Escribe el rótulo de cierre "</DIV>" para cerrar el código del DIV contenedor.

  6. 6

    Haz clic en el menú "Archivo" y luego en "Guardar" para guardar el documento de la página web.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles