Ir para conteúdo

POWERED BY:

Arquivado

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

Barbyzita

[Resolvido] Não consigo colocar imagens

Por , em Desenvolvimento frontend

Recommended Posts

Barbyzita    0

Barbyzita
Postado

Oi, pessoal!

 

Bom, estou com uma dúvida muito besta mas, não consigo solucioná-la. Estou tentando colocar imagens em minhas divs e não consigo via estilo embutido, só vai se for inline.

Tenho uma pasta "Aprendizado CSS", dentro dela coloco o arquivo .html. Mas tb fiz uma pasta denominada "css" e, dentro de "css" tem "imagens".

Vamos por partes...

Este é o código HTML, só para testar:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//En"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11-Strict.dtd">
<html>
  <head>
    <title>Chapter 5: Background Images</title>
    <link rel="stylesheet" media="screen" type="text/css" href="css/images.css">
  </head>
  <body>
  <div id="container">
  </div>
  </body>
</html>

E esse o arquivo .css:

 

/* Define regras gerais para todos os elementos */  
  
  body {
    margin: 10px;
    background-color: #CCC;

  }

/* Container para todo o conteúdo da página */

  #container {

    height: 200px;
    border: 1px solid #000;
    background-color: #FFF;
    background-image:url (css/imagens/estrela.gif);

  }

Bom, a borda e o espaço destinado à div aparece, mas a imagem não surge de forma alguma! Fica só a borda e o preenchimento na cor branca mesmo. Está acongtecendo com vários arquivos .css meus... Qndo estipulo 

<img src="css/imagens/estrela.gif" width="50" height="50" alt="estrela" />
vai tranquilo, mas a imagem não fica repetindo até preencher toda a div... Se puderem me ajudar, ficaria grata.

 

Abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

poste um screen das suas pastas.. provavel que você esteja errando o caminho.

 

ja que aparentemente, a pasta imagens está dentro da pasta css, faça assim:

background-image: url('imagens/estrela.gif');

Compartilhar este post

Link para o post
Compartilhar em outros sites

Barbyzita    0

Barbyzita
Postado

poste um screen das suas pastas.. provavel que você esteja errando o caminho.

 

ja que aparentemente, a pasta imagens está dentro da pasta css, faça assim:

background-image: url('imagens/estrela.gif');

Opa, Willian! Acabei de olhar essa questão dos diretórios e entrei aqui, comprovando sua hipótese. De fato, a única coisa q estava faltando era o "../":

 

background:#fff url(../css/imagens/estrela.gif) repeat;

Agora já está resolvido! Obrigada a todos!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito