Jump to content
lordkevin

Redimensionar imagem "banner" de acordo com a tela usada.

Recommended Posts

Boa tarde amigos, sou novo por aqui e com desenvolvimento de sites. Em meu primeiro projeto adaptável estou enfrentando dificuldades em redimensionar a imagem de "banner" com o tamanho da tela utilizada.

Gostaria muito da ajuda de vocês.

Link do meu site: https://www.onvisual.com.br/clientes/sites/rota/index.html

Na imagem escrito Banner promocional, eu gostaria de redimensionar ela de acordo com o tamanho da tela usada pelo visualizador, porém mesmo utilizando div com width 100% não está adaptando.

Será que alguém conseguiria me ajudar?

Obrigado.

Share this post


Link to post
Share on other sites

Primeiro que você não poderá usar 

<img src="img/BANNER.png" width="1400" height="400">

Porque tem que adaptar e essas propriedades tornam a imagem de tamanho fixo

 

Um jeito sem abranger outros recursos e sem analisar seu CSS:

No HTML:

<img src="img/BANNER.png" class="adaptavel" alt="banner"/>

No CSS:

img.adapatavel {
  max-width: 1400px;
  min-height: 400px;
  width: 100%;
  height: 100%
}

 

Só usei o recurso "inspecionar elemento" e editei seu css e html.

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Nada Oficial
      Prezados, boa tarde.
       
      Tenho o respectivo Blogger, Blogger do Nada Oficial. Como podem ver na postagem principal, a imagem está cortada nas extremidades laterais.
      Gostaria de saber se é possível programar o CSS para que, não redimensione a DIV, mas a imagem (sem distorcê-la) para que ela caiba na respectiva DIV, por gentileza.
       
      Desde já agradeço a ajuda,
      Bom final de semana.
    • By Thomas Silveira
      Olá, bom dia galera, sou novo aqui, acabei de entrar agora .. e no Photoshop sou novato também, gostaria de ajuda, por favor! Seguinte, quando baixo algum projeto de Photoshop que já esteja pronto e somente quero mudar a foto, porém com o mesmo redimensionamento anterior, não consigo! Vou enviar a foto para vcs verem a mudança! Quero saber somente como faço pra colocar a foto no mesmo campo anterior, com a mesma inclinação, redimensionamento e etc, ou seja, se possível, me falem o atalho ou a ferramenta do Photoshop que eu possa realizar substituição de fotos, sem precisar redimensionar a mesma! Segue a foto do antes e depois, agradeço desde já, estou precisando divulgar meus trabalhos!

    • By matheus_rulles
      Olá amigos, como vão?
      Eu recentemente criei um Subdomínio para fazer uma página "Contador de inscritos para YTB"
      Eu indexei o arquivo "index" pelo Filezila, tudo normalmente...
      Mas quando eu vou acessar a página ela fica redimensionada, não sei se é problema de largura ou altura...
      Poderiam me ajudar?
      Link da página--> http://contadordeinscritos.lacerdatutors.com.br/
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.