Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos,
Estou com o seguinte problema: Estou criando um menu que sobreporá uma imagem. Só que o problema é que não sobrepõe (?!).
Já tentei colocar z-index em tudo, só que tirei pra colocar no fórum sem sujeiras. Ahh, outras coisa menos importante é que o background-image do menu não tá dando certo e nem o hover. Colo aqui o código
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled</title>
<style type="text/css">
/*Tags*/
body {
margin: 0;
padding: 0;
text-align: center }
img {
border-width: 0; }
/*IDs*/
#tudo {
text-align: left;
margin: auto;
margin-top: 6px;
padding: 2px;
border: 1px solid black;
width: 760px; }
#cabeçalho {
margin: auto;
margin-top: 2px;
width: 756px; }
#menu {
margin-top: -20px;
margin-right: 20px;
float: right; }
#menu a {
text-decoration: none;
color: #F30; }
#menu li {
background-image: url(imagens/bg-menu.png);
border: 1px black solid;
border-top: 4px #060 solid;
padding: 4px 8px;
list-style: none;
margin: 0;
display: inline; }
#menu li:hover {
border: 1px black solid;
border-bottom:: 4px #060 solid; }
</style>
</head>
<body>
<div id="tudo">
<div id="cabeçalho">
<a href="index.html">
<img src="imagens/cabecalho.jpg" alt="Cabeçalho" height="180px" width="756px" style="z-index: 0;" />
</a>
<div id="menu">
<ul>
<li><a href="#">Início</a></li>
<li><a href="#">História</a></li>
<li><a href="#">Produtos</a></li>
<!--<ul>
<li><a href="#">Alheira</a></li>
<li><a href="#">Chouriço</a></li>
<li><a href="#">Farinheira</a></li>
<li><a href="#">Morcela</a></li>
<li><a href="#">Paio</a></li>
<li><a href="#">Presunto</a></li>
<li><a href="#">Salpicão</a></li>
</ul>!-->
<li><a href="#">Receitas</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>Obrigado a todos !!!
Carregando comentários...