Ir para conteúdo
Fórum Script Brasil
  • 0

background


Nine Branco

Pergunta

:) 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

  • 0

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 por TibumWeb
Link para o comentário
Compartilhar em outros sites

  • 0

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

Link para o comentário
Compartilhar em outros sites

  • 0

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.

Link para o comentário
Compartilhar em outros sites

  • 0

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 :)

Link para o comentário
Compartilhar em outros sites

  • 0

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.

Link para o comentário
Compartilhar em outros sites

  • 0
Guest ninebranco

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

Link para o comentário
Compartilhar em outros sites

  • 0

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.

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...