Ir para conteúdo

Arquivado

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

alexndrre

Background não repete

Recommended Posts

Boa noite! Esse é meu primeiro post aqui no fórum e garante que vai ser muitos. Mas o primeiro se resume nesse layout aqui: http://5secondsofsummerbrasil.com/loja/

Em principais destaques, o footer e a publicidade, o fundo não se repete de jeito nenhum. Eu coloquei a propriedade e tudo mais e não repete. Preciso de ajuda.

.galeria { height: 180px; padding: 10px; margin: -18px 0px 0px -2px; background: url(http://i.imgur.com/HZCUa5G.png) repeat-x; width: 100%; background-repeat: repeat-x;}
#forslide { height: 332px; padding: 10px; margin: -5px 0px 0px -2px; background: url(http://i.imgur.com/FzcH3JK.png); width: 100%; background-repeat: repeat-x;}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Repete sim:

 

http://jsbin.com/tukivufape/1/

.galeria {
  width: 100%;
  height: 180px;
  padding: 10px;
  margin: -18px 0px 0px -2px;
  background: url("http://i.imgur.com/HZCUa5G.png") repeat-x; 
}

#forslide {
  width: 100%;
  height: 332px;
  padding: 10px;
  margin: -5px 0px 0px -2px;
  background: url("http://i.imgur.com/FzcH3JK.png") repeat-x; 
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Repete sim:

 

http://jsbin.com/zagexekoku/1/

.galeria {
  width: 100%;
  height: 180px;
  padding: 10px;
  margin: -18px 0px 0px -2px;
  background: url("http://i.imgur.com/HZCUa5G.png") repeat-x; 
}

#forslide {
  width: 100%;
  height: 332px;
  padding: 10px;
  margin: -5px 0px 0px -2px;
  background: url("http://i.imgur.com/FzcH3JK.png") repeat-x; 
}

 

Repete sim:

 

http://jsbin.com/zagexekoku/1/

.galeria {
  width: 100%;
  height: 180px;
  padding: 10px;
  margin: -18px 0px 0px -2px;
  background: url("http://i.imgur.com/HZCUa5G.png") repeat-x; 
}

#forslide {
  width: 100%;
  height: 332px;
  padding: 10px;
  margin: -5px 0px 0px -2px;
  background: url("http://i.imgur.com/FzcH3JK.png") repeat-x; 
}

 

Eu coloquei e lá não funciona. Isso tá estranho.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cortada como? A questão não é zoom, estamos falando de medidas. O zoom é para aumentar visualmente os elementos mas sem interferir nas medidas pré determinadas.

 

Se sua imagem ocupa a div toda você pode diminui-la e verá a repetição sem precisar utilizar um width maior que 100%.

Compartilhar este post


Link para o post
Compartilhar em outros sites

 

Tenta este codigo:

 

 

.galeria { height: 180px; padding: 10px; margin: -18px 0px 0px -2px; background: url(http://i.imgur.com/HZCUa5G.png); background-repeat: repeat-x;}
#forslide { height: 332px; padding: 10px; margin: -5px 0px 0px -2px; background: url(http://i.imgur.com/FzcH3JK.png); background-repeat: repeat-x;}

 

 

Também coloquei e não foi.

Será que ninguém poderia ver se é erro no CSS? Agradeceria mu

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.