1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

[html e css]Erro em background-repeat

Discussão em 'Web Development' iniciada por Ruanes, 22 de Maio de 2008. (Respostas: 17; Visualizações: 1599)

  1. Ruanes

    Ruanes Power Member

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

    Codigo css
    Código:
    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.
     
  2. cula_ru

    cula_ru Power Member

    tenta por tudo numa linha

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

    Ruanes Power Member

    continua sem dar
     
  4. K0mA

    K0mA Power Member

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

    Ruanes Power Member

  6. hostmake

    hostmake Power Member

    Testei o teu código, e deu.
     
  7. MPalhas

    MPalhas Power Member

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

    Ruanes Power Member

    [​IMG]
    Estou a usar o notepad++
     
  9. MPalhas

    MPalhas Power Member

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

    Ruanes Power Member

  11. MPalhas

    MPalhas Power Member

    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
     
  12. Ruanes

    Ruanes Power Member

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

    kryo Power Member

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

    se assim é utiliza isso:
    Código:
    body {
    background:#000 url(images1.jpg) bottom right fixed;
    color: white;}
    
     
  14. MPalhas

    MPalhas Power Member

    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
     
  15. Ruanes

    Ruanes Power Member

    não, é exactamente o contrario


    é isso que nao está a funcionar

    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
     
    Última edição pelo moderador: 26 de Maio de 2008
  16. MPalhas

    MPalhas Power Member

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

    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
     
  17. kryo

    kryo Power Member

    continuo sem perceber...
     
  18. Ruanes

    Ruanes Power Member

    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
     

Partilhar esta Página