Cómo bloquear el tamaño de las ventanas en HTML

Escrito por louise balle | Traducido por martín emiliano vergé
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo bloquear el tamaño de las ventanas en HTML
El lenguaje HTML es una herramienta muy útil para diseñar sitios web. (Comstock/Comstock/Getty Images)

Al diseñar sitios web, es posible bloquear el tamaño de la ventana del explorador usando simples códigos HTML. Esto resulta útil si no quieres que el usuario tenga que desplazarse hacia abajo en la página por razones estéticas (en este caso todas las imágenes y texto se mostrarán al mismo tiempo en la ventana del explorador). Bloquear el tamaño de las ventanas es también una forma de limitar la habilidad del usuario para ver ciertos elementos que pueden aparecer más abajo en la página.

Nivel de dificultad:
Fácil

Otras personas están leyendo

Instrucciones

  1. 1

    Intenta usando "position:fixed" en tu CSS (cascading style sheets u hojas de estilo en cascada) para bloquear el tamaño de la ventana. Primero escribe "<style tipe="text/css">" en tu etiqueta "<head>" (si todavía no está puesta). Añade "body {" en la siguiente linea, y luego "position:fixed;" seguido, y finalmente cierra el código con un signo "}". Escribe "</style>" para completar la etiqueta de estilo. En algunos buscadores, como Internet Explorer puede que también debas añadir "bottom:0;" en el renglón que sigue a "postion:fixed" para poder bloquear el tamaño de la ventana. No escribas las comillas que ves aquí cuando estés ingresando el código.

  2. 2

    Usa el atributo "overflow:hidden" en lugar del atributo "position:fixed" como se ha descrito en la primer opción como otra alternativa. El atributo overflow (desborde) te permite esconder una porción de la página o del elemento, creando la apariencia de una ventana bloqueada cuando se la apliques al código entero del documento HTML.

  3. 3

    Añade el atributo "scroll=no" (sin las comillas) al cuerpo de tu etiqueta como otra opción para bloquear el tamaño de la ventana. Por ejemplo, si quieres un fondo negro y sin desplazamiento el código final se leería "<body bgcolor=black scroll=no>", ingresa tu texto e imágenes en la sección body (cuerpo), y luego ciérralo con la etiqueta "</body>". Esto evitará que el usuario pueda desplazarse por el cuerpo de tu página web. Nuevamente, deja fuera las comillas que ves aquí cuando escribas el código.

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