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.