Problema carregar imagem em Menu css

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

Curtir t�pico + 0

Responder

Post mais votado

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

Michael Batista

Responder

Gostei + 1

Mais Posts

10/11/2016

Yuri Silva

Obrigado pela dica amigo, mas mesma assim ainda n�o consegui. Ser� que posso ter esquecido de mais alguma coisa?

Responder

Gostei + 0

11/11/2016

Michael Batista

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

Responder

Gostei + 0