Problema carregar imagem em Menu css

HTML

CSS

Front-end

09/11/2016

Boa tarde, estou aprendendo CSS e montando uma página em que em preciso que meu menu tenha uma imagem de fundo e uma imagem para cada sub-elemento do mesmo, porém, ao carregar a imagem a mesma não se mostra presente. Alguém podria me ajudar a resolver isso?


Código HTML:

<html lang="pt-br">
<head>

<title>Pobres Cavaleiros do Templo de Salomão</title>

<style> type="text/css">

</style>

<link href="estilo_01.css" rel="stylesheet" type="text/css"/>
</head>

<body>

<div class="conteiner_menu conteiner_menu a">
<div>
<a href="#">Home</a>
<a href="#">Artigos</a>
<a href="#">Sobre Nós</a>
<a href="#">Fale Conosco</a>
</div>
</div>

<p id="titulo_artigo" class="classe01">Mais um teste</p>


</body>

</html>

Código CSS:

body {background:#F5F5DC;}

#titulo_artigo {
font-size:80px;
color:blue;
}

.classe01{background:rgba(152,152,152,90);}

*{margin: 0; padding: 0;}

coluna_menu{
width: 647px;
float: right;
}

.conteiner_menu{
background-image: url("img/Menu-barra2.png") top repeat-x;
font-family: cursive;
font-size: 16px;
border:1px solid black;
position: absolute;
margin-top: 15px;
}

.conteiner_menu a{
text-decoration: none;
display: block;
float: right;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 16px;
}


Grato
Yuri Silva

Yuri Silva

Curtidas 0

Melhor post

Michael Batista

Michael Batista

10/11/2016

Retire o (top repeat-x) de:
background-image: url("img/Menu-barra2.png") top repeat-x;
//deixe dessa forma
background-image: url("img/Menu-barra2.png");
background-repeat: repeat-x;

outra pequena Observação falta o .(ponto) ou #(tralha) no css de coluna_menu
GOSTEI 1

Mais Respostas

Yuri Silva

Yuri Silva

09/11/2016

Obrigado pela dica amigo, mas mesma assim ainda não consegui. Será que posso ter esquecido de mais alguma coisa?
GOSTEI 0
Michael Batista

Michael Batista

09/11/2016

Acredito que sim, eu testei o código aqui e funciono.
existem muitas possibilidades de erro
Formato: jpg/png/gif (ERRO NO FORMATO)
Diretório: imagem/barra.jpg (ERRO NO ENDEREÇO)
CSS: background-image (ERRO NA SINTAXE)

vai olhando com calma que vc descobre
GOSTEI 0
POSTAR