Ir para conteúdo

Arquivado

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

MaxPacheco

Fixar Imagem

Recommended Posts

Olá pessoal,

Estou tendo uns problemas com a minha loja da UOL, não sou muito experiente em CSS e HTML, mas sempre me viro.

Mas agora não consigo resolver, a imagem do benner e do rodapé estão fixas, quando ajusta a tela a imagem não corre. Já tentei o fixed e scroll, nada.

Lembrando que essa loja da UOL consigo alterar apenas o CSS e inserir HTML e não aterar o HTML.

 

Link de meu site: http://loja.ahimport.com.br/

 

Grato pela ajuda :)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Estive a ver o seu website e já resolvi o problema.

 

Em vez de

div.wrapper div.header-top-container {
  1. background-image: url(media/girls.png);
  2. background-position: 1140px 5px;
  3. background-repeat: no-repeat;
tem que ser assim

 

div.wrapper div.header-top-container {
  1. background-image: url(media/girls.png);
  2. background-position: center right;
  3. background-repeat: no-repeat;
  4. width: 100%;

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Estive a ver o seu website e já resolvi o problema.

 

Em vez de

div.wrapper div.header-top-container {
  1. background-image: url(media/girls.png);
  2. background-position: 1140px 5px;
  3. background-repeat: no-repeat;
tem que ser assim

 

div.wrapper div.header-top-container {
  1. background-image: url(media/girls.png);
  2. background-position: center right;
  3. background-repeat: no-repeat;
  4. width: 100%;

 

 

Obrigado amigo,

Resolveu o problema do redimensionamento da página, mas ai fica o problema da posição da imagem, ela deve estar logo acima do campo de busca, não consigo fixar ela ali D:

Compartilhar este post


Link para o post
Compartilhar em outros sites

MaxPacheco

apagar este css feito

div.wrapper div.header-top-container {
    background-image: url(media/girls.png);
    background-position: center right;
    background-repeat: no-repeat;
    width: 100%;
}

e incluir este aqui

.header-top-container {
    width: 100%;
}

.header-top {
  background: url("media/girls.png") right center no-repeat;
}

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.