Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

le0souza

Site FULL - Imagem acompanha site

Recommended Posts

eae galera to com um problema que é o seguinte como eu faço pra uma imagem acompanha o site quando a tela é menor?

 

exemplo fiz o site com a imagem do tamanho do meu monitor 1920

 

html:

 

<div class="banner">

<img src="img/conceito2.jpg" alt="">
</div><!-- fecha banner -->

 

 

css:

 

.banner{

position: relative;
width:100%;
height:567px;
margin: 0 auto 0;
}

 

 

o site como tem que ficar:

pag1.PNG

 

 

 

como ele fica ao diminuir a tela, a imagem corta:

pag2.PNG

Compartilhar este post


Link para o post
Compartilhar em outros sites

essa imagem do topo ela é fixa ou vai ser um banner rotativo?

 

se for apenas uma imagem fixa, cria uma div para o banner e usa como background, assim:

background:url('IMAGEM') no-repeat center center;

Compartilhar este post


Link para o post
Compartilhar em outros sites

eu ja tentei deixa uma imagem de fundo se encaixando com a de dentro do site mais quando diminui a tela tbm desencaixa man mas o que eo diego passou é mais ou menos akilo mesmo só tenho que da uma estudava vlw.

 

mas se alguem souber de alguma dica que ajuda a fazer sites full ficaria grato

 

 

site full necessariamente tem que ser responsivo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Buenas tchê.

 

Experimenta colocar isso no css:

img {
  max-width: 100%;
}

Na minha opinião, todo site deveria ser responsivo. Você deve alinhar isso com o cliente, analisar o público alvo do site para determinar se ele deve ser responsivo ou não.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.