Cómo ocultar las barras de desplazamiento con desbordamiento en CSS

12-19  Fuente: Red de recoleccin  Vistas: 6 

Advertisement

Cuando el texto en sus "div" etiquetas HTML va más allá del tamaño del contenedor, barras de desplazamiento se muestran automáticamente a los usuarios en el navegador Web. Usted puede controlar estas barras de desplazamiento y evitar que se presentan utilizando hojas de estilo en cascada (CSS). CSS le permite controlar el diseño, colores y comportamientos de cada elemento HTML. El uso de la propiedad "desbordamiento", puede dejar de mostrar barras de desplazamiento.

Instrucciones

Haga clic en el archivo HTML o archivo CSS en la que desea colocar el código. Seleccione "Abrir con" para ver una lista de los editores. Haga doble clic en el editor que desee utilizar para agregar el código.

Coloque el "div" estilo CSS en el código. Escriba el siguiente dentro de la etiqueta "Style" en el archivo HTML o el archivo CSS, si utiliza un archivo CSS externo:

div

{

}

Escriba el estilo de desbordamiento que desea utilizar. Por ejemplo, si quiere recortar el contenido de la etiqueta div y eliminar la barra de desplazamiento, escriba el siguiente código CSS:

overflow: hidden

Pulse las teclas "S" "Ctrl" y para guardar los cambios. Para ver los cambios de estilo CSS, haga doble clic en el archivo para abrirlo en el navegador web por defecto del equipo.

Artculos relacionados
  • Cómo ocultar las barras de desplazamiento con desbordamiento en CSS 12-19

    Cuando el texto en sus "div" etiquetas HTML va más allá del tamaño del contenedor, barras de desplazamiento se muestran automáticamente a los usuarios en el navegador Web. Usted puede controlar estas barras de desplazamiento y evitar que se pres

  • Cómo ocultar una barra de desplazamiento con JavaScript 02-21

    Navegadores Web reaccionan de manera diferente a los diferentes ajustes del navegador debido a la forma especificaciones del navegador se han interpretado o aplicado. Puede ocultar las barras de desplazamiento utilizando JavaScript, pero hay diferent

  • Cómo controlar las barras de desplazamiento con javascript 06-27

    Desde JavaScript es un lenguaje del lado del cliente que se ejecuta en el navegador común, puede ser empleado para mostrar las páginas web interactivas. JavaScript se puede utilizar para controlar las funciones de ventana de la barra de desplazamient

  • Cómo quitar las barras de desplazamiento 06-15

    Las barras de desplazamiento son las barras horizontales y verticales a la derecha y la parte inferior de una página Web. A veces se agregan dentro de las secciones de una página Web. Puede eliminar las barras de desplazamiento para evitar el desplaz

  • Cómo cambiar las barras de desplazamiento 07-17

    Si desea para darle vida a su sitio web o hacer que se mezclan con el resto de su sitio, intente cambiar sus barras de desplazamiento. Los cambios realizados en los colores de una barra de desplazamiento se muestran en Internet Explorer, pero no otro

  • Cómo utilizar la barra de desplazamiento con el cuadro de lista en Visual Basic 6.0 07-07

    El control ListBox utilizado en Visual Basic no incluye barras de desplazamiento como propiedades aplicables al igual que los otros controles. Cuando las líneas de texto dentro de un ListBox superan la altura del ListBox, se añade automáticamente una

  • Cómo ocultar una barra de desplazamiento Flecha 05-07

    Códigos HTML le permiten personalizar prácticamente todos los aspectos de su sitio web, incluyendo las barras de desplazamiento. Si desea que las barras de desplazamiento para cada página web en su página web que ser el mismo, sin embargo, hay que vi

  • Cómo ocultar las barras de herramientas estándar de Office 07-13

    Microsoft Office es un paquete de software de productividad que incluye una variedad de programas tales como hojas de cálculo, composición de documentos y programas de presentación. La interfaz principal de los programas de Microsoft Office como Word

  • Cómo agregar una barra de desplazamiento a Visual Basic 07-15

    Es bueno saber cómo activar las barras de desplazamiento en el Microsoft Visual Basic.NET (VB.NET) la aplicación, sobre todo cuando se tiene usuarios con menor resolución de pantalla. VB.NET es un lenguaje de programación desarrollado por Microsoft q

  • Cómo agregar una barra de desplazamiento fija a un sitio web con CSS 11-28

    El cuadro de texto en su página web contiene una barra de desplazamiento en la parte inferior o lateral, que ayuda a los visitantes ver toda la información en el interior de la misma. Al igual que con otros elementos de la página, este cuadro de text

  • Cómo deshabilitar la barra de desplazamiento horizontal HTML Estilo 12-06

    Se podría pensar que todas las funciones del navegador son inaccesibles, pero eso no es cierto. Diseñadores de sitios con un poco de hoja de estilo en cascada (CSS) conocimiento pueden manipular algunas funciones del navegador, como la barra de despl

  • Cómo agregar una barra de desplazamiento 03-29

    Una barra de desplazamiento es un objeto de interfaz gráfica de usuario que permite a un usuario desplazarse a través de contenidos que no encaja en una ventana. En los sitios web una barra de desplazamiento se puede añadir usando las hojas de estilo

  • Cómo ocultar una barra de herramientas 04-16

    Barras de herramientas aparecen en la pantalla del ordenador la inclusión de una serie de botones organizados por tema. En la parte superior de los navegadores de Internet, como Internet Explorer, hay barras de herramientas del navegador que le permi

  • Cómo crear una barra de desplazamiento en una tabla 07-12

    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 también puede aparecer deliberadamente como una estructura de rejilla estricta, con filas y co

  • Cómo mover una barra de desplazamiento en el lado izquierdo 08-31

    Por defecto, los programas informáticos y los navegadores Web muestran la barra de desplazamiento, lo que le permite desplazarse verticalmente a través del contenido de la pantalla, a la derecha. En los elementos individuales de sitios web, tales com

  • Cómo personalizar las barras de herramientas de mi navegador 11-25

    La reorganización de las barras de herramientas del navegador puede ayudar a ahorrar tiempo al permitir acceder a los botones o favoritos que utiliza con más frecuencia en menos tiempo. La mayoría de los navegadores modernos, como Internet Explorer y

  • Cómo ocultar la barra de seguimiento en Flowplayer 04-12

    Flowplayer es un reproductor de vídeo que puede utilizar para incrustar vídeos en su sitio web. Usted puede obtener este reproductor de vídeo de forma gratuita, o usted puede conseguir la versión comercial añadir su logotipo en el reproductor. Cuenta

  • Cómo editar una barra de desplazamiento en HTML 04-21

    Como propietario de una página web o diseñador, se tendrá en cuenta varios métodos que permiten personalizar el sitio y la experiencia del visitante. Gráficos personalizados y diseños le permiten hacer esto. Una táctica adicional es editar una barra

  • Cómo arreglar una barra de desplazamiento de salto 05-10

    La barra de desplazamiento en Internet Explorer, el navegador nativo de Internet en los sistemas operativos Windows, es crucial para la navegación a lo largo del navegador. Puede ser frustrante perder el control de la barra de desplazamiento y los pr

  • Cómo restaurar las barras de herramientas en Adobe 05-25

    Adobe Systems fabrica una amplia variedad de programas, pero la compañía es mejor conocido por su formato de documento portátil (PDF) aplicaciones. Desde Adobe Reader, que permite a los usuarios documentos PDF abiertos y ver, a la línea de Acrobat de