[html e css]Erro em background-repeat

[Ruanes]

Oi,
Estou a fazer uma pagina web e estou a ter um erro com o seguinte:

Codigo css

body {
background-color: black;
background-image: url(images1.jpg);
background-attachment: scroll;
background-position: bottom right;
background-repeat: no-repeat;
color: white;
}

O problema é que a propriedade "background-repeat" não está a funcionar com a imagem.

 

[cula_ru]

tenta por tudo numa linha

background: lime url('../imagem') no-repeat scroll right bottom;
color: white;

 

[Ruanes]

continua sem dar

 

[K0mA]

Como assim «a propriedade "background-repeat" não está a funcionar com a imagem»?

 

[Ruanes]

sim

 

[hostmake]

Testei o teu código, e deu.

 

[MPalhas]

posta um printscreen por favor.
assim é difícil adivinhar, ainda mais se com o hostmake funcionou

 

[Ruanes]

Estou a usar o notepad++

 

[MPalhas]

eu queria dizer um printscreen do resultado, não do código!
para vermos realmente como é que a imagem fica disposta

 

[Ruanes]

Aqui está

 

[MPalhas]

isos não tem nada a ver com o repeat!!
sabes alguma coisa de inglês??

background-repeat: no-repeat;

traduz-se para: repetição do fundo: sem repetição

o que isso faz é impedir que a imagem aparece repetida, porque normalmente quando metes uma imagem pequena ela fica tipo em mosaico, a repetir-se por ali fora. com o no-repeat asseguras que ela só aparece uma vez.

ela aparece nessa posição por causa do
background-position: bottom right

que diz que a imagem fica no canto inferior esquerdo. mais uma vez:

bottom: fundo
right: direita
top: topo
left: esquerda

 

[Ruanes]

Sim ok, então e o scroll? como podem ver nao funciona

 

[kryo]

queres é que a imagem fique sempre fixa, no mesmo sitio, mesmo que o utilizador faça scroll? é isso?

se assim é utiliza isso:

body {
background:#000 url(images1.jpg) bottom right fixed;
color: white;}

 

[MPalhas]

o scroll funciona quando há alguma coisa a mais para mostrar. as imagens de fundo não contam para isso, só conta mesmo o conteudo

por essa imagem não dá para perceber bem o que há ai, mas se achas mesmo que o scroll devia aparecer e não aparece usa
overflow: auto

provavelmente no body ou no contentor que tem o conteúdo

 

[Ruanes]

não, é exactamente o contrario


é isso que nao está a funcionar

o scroll funciona quando há alguma coisa a mais para mostrar. as imagens de fundo não contam para isso, só conta mesmo o conteudo

por essa imagem não dá para perceber bem o que há ai, mas se achas mesmo que o scroll devia aparecer e não aparece usa
overflow: auto

provavelmente no body ou no contentor que tem o conteúdo

entao ve este exemplo
http://pt-br.html.net/tutorials/css/lesson3_ex9.asp

desculpem la esta confusao
ja resolvi o problema


afinal estava a trocar o scroll com o fixed


Thanks for help

 

[MPalhas]

mas isso o que? desculpa lá mas tens que começar a explicar-te melhor

Sim ok, então e o scroll? como podem ver nao funciona

como podemos ver? eu pelo menos não cheguei a conclusão nenhuma.

recapitulando:
background-repeat: define se a imagem é repetida ou só mostra uma vez. já deu para perceber que não está aqui o teu problema

background-position: define a posição em que ela aparece no ecrã

backgound-attachment: define se o fundo se mexe com a página ao fazer scroll, ou fica sempre fixo (a posição em que aparece depende do background-repeat)

ora se tu não tiveres conteúdos que obriguem a página a mostrar o scroll (quando o texto não cabe todo no ecrã), é lógico que o background-attachment não vai servir para nada, porque nem sequer podes fazer scroll

 

[kryo]

continuo sem perceber...

 

[Ruanes]

enganei-me.
Antes de postar este topico tinha um erro no background-repeat e aquilo ficou-me na cabeça mesmo depois de o resolver.

Depois é que me surgiu o erro em background-attachent. Troquei o scroll com o fixed

Agora ja está tudo resolvido

Thanks mais uma vez


Sorry por ter arranjado este problema