Como bloquear o tamanho da janela no HTML

Autor: Laura McKinney
Data De Criação: 6 Abril 2021
Data De Atualização: 20 Novembro 2024
Anonim
Curso de HTML #42 - Imagem de fundo com tamanho adaptável
Vídeo: Curso de HTML #42 - Imagem de fundo com tamanho adaptável

Contente

Ao criar uma página da Web, é possível bloquear o tamanho da janela do navegador usando um simples código HTML. Isso é útil se você não quer que o usuário role a página por razões estéticas - neste caso todas as imagens e texto são exibidos na página ao mesmo tempo dentro da janela do navegador. Bloquear o tamanho da janela também é uma forma de limitar a capacidade do usuário para ver alguns elementos que podem aparecer mais abaixo na página.


Instruções

Bloqueando o tamanho da janela no HTML (internetseite image by FX Berlin from Fotolia.com)

    Instruções

  1. Tente usar "position:fixed" em seu CSS para bloquear o tamanho da janela. Primeiro digite " type="text/css">" em suas tags "" (se já não estiver presente). Digite "body {" na linha seguinte, em seguida, "position:fixed;" depois disso feche o código com um sinal "}". Digite "" para fechar a tag de estilo. Em alguns navegadores, como o Internet Explorer, você também pode ter que acrescentar "bottom:0;" na próxima linha depois de "position:fixed" para bloquear o tamanho da janela. Deixe todas as aspas que você vê aqui fora quando for digitar o código.


  2. Use o atributo "overflow:hidden" no lugar de "position:fixed", como descrito no primeiro passo, como uma outra alternativa. O atributo overflow permite que você esconda uma parte de uma página ou elemento, criando a aparência de uma janela bloqueada quando você aplicá-lo a todo o corpo do documento HTML.

  3. Adicione o atributo "scroll=no" (sem aspas) para a sua tag "body" como mais uma opção para bloquear o tamanho da janela. Por exemplo, se você queria um fundo preto sem rolagem, o código final seria " bgcolor=black scroll=no>", digite o seu texto e imagens na seção do corpo, em seguida, feche-o com a tag "". Isso vai impedir que o usuário percorra o corpo de sua página web. Mais uma vez, deixe as aspas de fora ao escrever o código.