Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>/ 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!
Carregando comentários...