css Imagem não aparece

emanuelcasale · Julho 7, 2016

Eae pessoal, sou novo na área de programação, e estou aprendendo de maneira autodidata, começando por CSS e HTML, e no material que encontrei na internet, ao decorrer do "curso" o objetivo é desenvolver uma página utilizando PHP, HTML, CSS E JS. Ainda estou na parte do HTML e CSS, e encontrei o seguinte problema:

Ao inserir no documento css o seletor da classe "sacola" e especificar caminho para uma imagem no mesmo, a imagem não aparece ! Porém as outras mudanças na classe (fonte, padding, alinhamento) ocorrem normalmente!

Gostaria de uma possível solução...

Segue abaixo o código HTML E CSS.

<!DOCTYPE html>
<html>
  <head>
	<link rel="stylesheet" type="text/css" href="css/estilos.css">
    <title>Mirror Fashion</title>
	<meta charset="iso-8859-1">
  </head>
  <body>
    <header>
	  <h1><img src="img/logo.png" alt="Mirror Fashion> </h1>
	  
	  <p class="sacola">
	   Nenhum item na sacola de compras
	  </p>
	  
	 <nav class="menu-opcoes">
	    <ul>
		  <li><a href="#">Sua Conta</a></li>
		  <li><a href="#">Lista de desejos</a></li>
		  <li><a href="#">Cartão Fidelidade</a></li>
		  <li><a href="sobre.html">Sobre</a></li>
		  <li><a href="#">Ajuda</a></li>
		</ul>
	</nav>
    </header>
		
  
  
    
  </body>
</html>

.sacola {
	background: url(../img/sacola.png) no-repeat top right;
	
	font-size: 14px;
	padding-right: 35px;
	text-align: right;
	width:140px;
}

.menu-opcoes ul{
	font-size:15px;
}

.menu-opcoes a{
	color:#003366;
}

body{
	color: #333333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

Muito obrigado e me desculpem a inexperiência.

PS: comecei há 2 dias.

Editado Julho 7, 2016 por emanuelcasale

Entrar

css Imagem não aparece

Pergunta

emanuelcasale

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades