Ele funciona direitinho na maioria dos brownser mas no IE6 NÃO :angry:
Sei que alguma coisa estou fazendo errado porque o exemplo no moujor funciona, mas no meu site não, já estou ficando bravo com isso.
segue abaixo o meu codigo:
<div id="menu_lateral" >
<ul class="font">
<li><a href="#">HOSPITAL</a>
<ul>
<li><a href="#">ESPECIALIDADES</a></li>
<li><a href="#">DÚVIDAS FREQUENTES</a></li>
<li><a href="#">LOCALIZAÇÃO</a></li>
<li><a href="#">MENSAGEM PARA UM PACIENTE</a></li>
</ul>
</li>
<li><a href="#">MATERNIDADE</a>
<ul>
<li><a href="#">ATENDIMENTO DIFERENCIADO</a></li>
<li><a href="#">CONHEÇA NOSSA MATERNIDADE</a></li>
<li><a href="#">LISTA DA MATERNIDADE</a></li>
<li><a href="#">DICAS</a></li>
<li><a href="#">MENSAGEM PARA A MAMÃE</a></li>
</ul>
</li>
<li><a href="#">PRONTO-SOCORRO</a> </li>
<li><a href="#" target="_blank">MEDICINA DIAGNÓSTICA</a> </li>
<li><a href="#">SOBRE O SALVALUS</a>
<ul>
<li><a href="#">HISTÓRIA</a></li>
<li><a href="#">MISSÃO, VISÃO E VALORES</a></li>
<li><a href="#">SUSTEMTABILIDADE</a></li>
</ul>
</li>
<li><a href="#">LOCALIZAÇÃO</a>
<!--<ul>
<li><a href="#">Artigos Medicos</a></li>
<li><a href="#">Cursos e Programas</a></li>
<li><a href="#">Quem Somos</a></li>
<li><a href="#">Fale com a Medicina Preventiva</a></li>
</ul> -->
</li>
<!--<li><a href="gere/gere.html">RELACIONAMENTO EMPRESARIAL - GERE</a>
<ul>
<li><a href="quem_somos.html">Quem Somos</a></li>
<li><a href="fale_gere.html">Fale com o GERE</a></li>
</ul>
</li>
<li><a href="http://www.biomasterdiagnosticos.com.br">BIO MASTER - MEDICINA DIAGNOSTICA</a>
<ul>
<li><a href="#">Resultados de Exames</a></li>
<li><a href="#">Preparo para Exames</a></li>
<li><a href="#">Rede de Atendimento BIO MASTER</a></li>
<li><a href="#">Quem Somos</a></li>
<li><a href="#">Fale com a BIO MASTER</a></li>
</ul>
</li> -->
</ul>
</ul>
</div>
CSS
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
ul {
position:absolute;
left:5px;
z-index:6;
}
ul li {
position: relative;
z-index:6;
}
li ul {
position: absolute;
left: 235px;
top: 0;
display: none;
z-index:6;
}
ul li a {
display: block;
color: #fff;
background-image:url(../images/botao1.gif);
padding: 8px;
border: 0px solid #ccc;
z-index:6;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 234px;
border-bottom: 0px solid #ccc;
z-index:6;
}
li:hover ul, li.over ul {
display: block;
z-index:6;
}
li:hover ul, li.over ul {
display: block;
z-index:6;
}
a:hover {
color:#004529;
background-image:url(../images/botao2.gif);
z-index:6;
}
.font {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
}
Onde pode estar o erro é na parte do tutorial que ele fala do JavaScript, e talvez eu esteja errando onde devo coloca-lo, por exemplo quando ele fala do <ul id="nav"> q não sei onde por, e nem o javascript.
Pergunta
garniel
Boa tarde galera, alguém poderia me ajudar por favor, já faz meses que estou com esse problema e não consigo resolver.
estou tentando fazer esse menu aqui http://maujor.com/tutorial/ddownmenu.php
Ele funciona direitinho na maioria dos brownser mas no IE6 NÃO :angry:
Sei que alguma coisa estou fazendo errado porque o exemplo no moujor funciona, mas no meu site não, já estou ficando bravo com isso.
segue abaixo o meu codigo:
CSSOnde pode estar o erro é na parte do tutorial que ele fala do JavaScript, e talvez eu esteja errando onde devo coloca-lo, por exemplo quando ele fala do <ul id="nav"> q não sei onde por, e nem o javascript.
pra quem quiser ver o site é http://www.hospitalsalvalus.com.br
espero que entenderem e possam me ajudar, por favor.
Muito obrigado
Editado por kuroiAdicionar link
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.