Nine Branco Postado Agosto 13, 2008 Denunciar Share Postado Agosto 13, 2008 :) Olá a todos!Estou aprendendo CSS. Quero fazer um site com várias páginas. Todas terão a mesma imagem de fundo.Criei um arquivo de css com o código:<style type="text/css">body {margin: 0 0 0 0px;padding: 0 0 0 0px;background-image: url(images/bg_gray.jpg);background-repeat: repeat-x; }etc...E não carrega a minha imagem de fundo em nenhuma das páginas.O q estou fazendo de errado?Muito obrigada! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 jothaz Postado Agosto 13, 2008 Denunciar Share Postado Agosto 13, 2008 Uso assim e funciona ok:background: transparent url(img/nav_f_2.png) no-repeat 0 0;Efetue um teste.Duvida é só postar. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 _Vinny_ Postado Agosto 13, 2008 Denunciar Share Postado Agosto 13, 2008 No seu site tem o diretorio imagens onde você salva as imagens do site, se sim, coloca assim:<style type="text/css"> body { margin: 0 0 0 0px; padding: 0 0 0 0px; background-image: url(../images/bg_gray.jpg); background-repeat: repeat-x; } Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Nine Branco Postado Agosto 13, 2008 Autor Denunciar Share Postado Agosto 13, 2008 jothaz, infelizmente não funcionou._Vinny_, As outras imagens estão carregando normalmente. E todas estão na mesma pasta do background. Logo, não acho q seja problema de caminho. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 _Vinny_ Postado Agosto 13, 2008 Denunciar Share Postado Agosto 13, 2008 Tu ao menos testou? Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Nine Branco Postado Agosto 13, 2008 Autor Denunciar Share Postado Agosto 13, 2008 _Vinny_,Sim, claro q testei. Quero muito q funcione. Muito obrigada por me responder.Nine Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 TibumWeb Postado Agosto 13, 2008 Denunciar Share Postado Agosto 13, 2008 (editado) Oiss Nine o seu código CSS está correto, você agora tem que se atentar em alguns detalhes:1º - O nome da imagem está correto?2º - A extensão do arquivo está correto (gif, jpg, png, bmp..)?3º - O nome da pasta que você salvou a imagem está correto?4º - Você deve saber onde está a imagem, dependendo de onde você precisar usar ../ para voltar diretório.Se pra todas as questões você respondeu sim e o problema persistiu, então faça os seguintes testes:1º - Pegue uma imagem grande e visível tipo aquele iceberg que tem na pasta Minhas Imagens / Amostra.2º Cole a imagem na mesmo lugar onde está sua página HTML.3º - Agora use esse mesmo código CSS para chamar essa imagem iceberg.jpg. Se depois de tudo isso não ter dado certo me avisa que eu te dou uma força. Editado Agosto 13, 2008 por TibumWeb Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Nine Branco Postado Agosto 14, 2008 Autor Denunciar Share Postado Agosto 14, 2008 TibumWeb,Muito obrigada por me responder.Verifiquei os itens q você solicitou, mas não obtive sucesso.Os arquivos: index.html e estilo.css, e a pasta images estão na raiz.Na página há outras imagens e todas estão carregando normalmente.Detalhe: Usei outras imagens como background de divs e as carreguei pelo css.veja:<style type="text/css">body {margin: 0;padding: 0;background-image: url(images/bg_gray.jpg);background-repeat: repeat-x; } #topwhite {background:url(images/bg_top_white.png);background-repeat: repeat-x;width: 100%;height: 58px;position: absolute; top: 0px; left: 0px; right: 0px;z-index:10; } #pointsline {background-image: url(images/points_line.jpg);background-repeat: no-repeat;background-position: center center;height:58px;width:100%;}#contentwhite {width: 1000px;} #blacktransp {width: 970px;background:url(images/bg_black.png);_background-image:url(images/bg_black.jpg);background-repeat: repeat-y;position: relative; top: 0px;}etc...Outro detalhe é q se coloco no arquivo .html a solicitação para carregar o background, funciona.Código html q não funciona:(...)</head><style type="text/css"><!-- @import url("estilo.css");--></style><body><div align="center">(etc...)Código html q funciona:(...)</head><style type="text/css"><!-- @import url("estilo.css");--></style><body background="images/bg_gray.jpg"><div align="center">(etc...)Só que não quero carregar o background página por página do site. Quero carregar como as outras imagens de fundo, através do .css.Muito obrigada!Nine Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 TibumWeb Postado Agosto 14, 2008 Denunciar Share Postado Agosto 14, 2008 Nossa eu sei como é chato ficar procurando erro onde aparentemente não tem, pra você ter uma ideia já fiquei 3 horas pra corrigir um simples problema que era uma virgula que faltava no script, mais voltando ao que interessa.Vou te pedir pra fazer mais uns testes, é só testando pra notificar o problema:- Coloque as propriedades CSS diretamente na página HTML (CSS incorporado) só pra testar;<html> <head> <title>blabla</title> <style> body{background:url(images/bg_black.jpg);} </style> </head> <body> . . . </body> </html>Aí se não funciona vou pedir pra você me mandar a imagem por e-mail (contato@tibumweb.com.br) que eu vou dar uma olhada. Qualquer dúvida me contate. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Nine Branco Postado Agosto 14, 2008 Autor Denunciar Share Postado Agosto 14, 2008 TibumWeb,Como postei, colocando diretamente no html, funciona.Outro detalhe é q se coloco no arquivo .html a solicitação para carregar o background, funciona. Código html q não funciona: (...) </head> <style type="text/css"> <!-- @import url("estilo.css"); --> </style> <body> <div align="center"> (etc...) Código html q funciona: (...) </head> <style type="text/css"> <!-- @import url("estilo.css"); --> </style> <body background="images/bg_gray.jpg"> <div align="center"> (etc...) Só que não quero carregar o background página por página do site. Quero carregar como as outras imagens de fundo, através do .css.Muito obrigada!Nine :) Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 TibumWeb Postado Agosto 14, 2008 Denunciar Share Postado Agosto 14, 2008 Sim eu entendi, funciona obviamente por que você colocou o atributo background no elemento body.Eu quis dizer pra você colocar as propriedades CSS dentro do head do html como eu fiz acima, pois pode estar dando problema no import ou você usa o seguinte elemento para importar:<link rel="stylesheet" type="text/css" href="estilo.css" />mais eu estou curioso pra solucionar esse problema c você puder me mandar essa imagem aí eu já te mando pronto. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Guest ninebranco Postado Agosto 15, 2008 Denunciar Share Postado Agosto 15, 2008 TibumWeb,Pode ser, vou testar, mas... :closedeyes: Se estivesse dando problema no import, acho q não importaria nada. E tudo, exceto o background, é importado normalmente.Será q pode importar uma parte e não importar outra? :huh: Nine Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 KaKarotto Postado Agosto 16, 2008 Denunciar Share Postado Agosto 16, 2008 Tem algum conteúdo que não imagens?Tem muita coisa em posição absoluta, acho que o body nem conseguiu se espandir. Talvez esteja aparecendo a imagem, mas como está tudo em absolute o body fica com tamanho de 1px.OOOOOOOOOu, errou mesmo na localização da imagem. Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Nine Branco
:) Olá a todos!
Estou aprendendo CSS.
Quero fazer um site com várias páginas. Todas terão a mesma imagem de fundo.
Criei um arquivo de css com o código:
<style type="text/css">
body {
margin: 0 0 0 0px;
padding: 0 0 0 0px;
background-image: url(images/bg_gray.jpg);
background-repeat: repeat-x;
}
etc...
E não carrega a minha imagem de fundo em nenhuma das páginas.
O q estou fazendo de errado?
Muito obrigada!
Link para o comentário
Compartilhar em outros sites
12 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.