Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Carolina Mayumi

[Resolvido] Problemas com menu dropdown horizontal

Por , em Desenvolvimento frontend

Recommended Posts

Carolina Mayumi    0

Carolina Mayumi
Postado

Olá pessoal

Depois de algumas semanas com um probleminha num menu dropdown horizontal, resolvi desistir e pedir ajuda a vcs.

Me baseei no Repente CSS de menus do forum, ele é semelhante ao quarto menu.

 

Estou tendo dois problemas, que acredito serem simples de resolver:

Primeiro: Não consigo clicar qdo abro o site no IE7

Segundo: Diferentes posicionamentos no IE7, FF e Chrome(alguém sabe hack pro Chrome?)

 

O menu drop está no menu "doenças da coluna" e o endereço é este:

 

http://www.clinicadacoluna.net/novosite/

 

Agradeço desde já quem puder me ajudar!

 

=)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado 

ul.submenu {
 float:left;
 padding:0px 0px 0px 0px;
 margin:0; 
 list-style:none;
 margin:-10px 0px 0px -64px;
}

Isso aí tá complicado hein...

 

Fiz algumas alterações:

ul.submenu {
 list-style:none;
 margin-top:-10px;
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carolina Mayumi    0

Carolina Mayumi
Postado

É Rick...realmente tava errado aquela parte lá sim....

Mesmo assim....nao fez diferença....continua posicionado de forma diferente nos navegadores, e no IE não consigo clicar....

Alguém tem alguma sugestão ae? Achei que o pessoal que participou do "Repente CSS dos menus" saberia....

 

Bom.....se alguem souber....vai me ajudar muitão, pois tá dificil mesmo!

 

;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não tente ficar procurando 'hacks'... o erro está no teu código mesmo.

veja que no repente, eu resolvo os menus sem nenhum hack 'específico'.

 

tem muita coisa errada no teu menu.. dá uma olhada de novo lá no repente..

posicione o submenu, com um position: absolute; sendo que o container dele, o LI, deve ter position: relative;

não faz sentido o 'float' no submenu.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

<html>

<head>

<style type="text/css">

* { margin:0; padding:0; list-style: none}

body {

font-family:Tahoma, Arial, Helvetica, sans-serif;

}

#menu {

background: url('imgs/fundoMenu.jpg') repeat-x;

width: 887px;

height: 56px;

font-size:17px;

letter-spacing:1px;

}

#menu li {

float:left;

height: 56px;

line-height: 56px;

position: relative;

}

#menu li li {

height: 20px;

line-height: 20px;

text-align: center;

display: block;

width: 100%;

}

#menu ul {

position:absolute;

top: 56px;

left: 0px;

display: none;

width: 170px;

z-index: 10;

padding: 0 0 10px;

background-color:#004e67;

}

#menu li a {

color: #FFF;

padding: 5px;

border-right: 1px solid #FFF;

text-decoration:none;

}

#menu li:hover ul { display:block; }

#menu li a:hover { color:#bec97d; }

#menu ul li a {

font-size:13px;

border: none;

color:#fff;

}

</style>

</head>

<body>

<ul id="menu">

<li><a href="index.html">Home</a></li>

<li><a href="clinica-coluna.html">Clínica</a> </li>

<li><a href="equipe-clinica.html">Equipe</a></li>

<li><a href="noticias.html">Notícias</a></li>

<li><a href="doencas-da-coluna.html">Doenças da Coluna</a>

<ul>

<li><a href="doencas-da-coluna.html">Dor Lombar</a></li>

<li><a href="doencas-da-coluna-tumores.html">Tumores da Coluna</a></li>

<li><a href="doencas-da-coluna-discite.html">Distite/Osteomilite</a></li>

<li><a href="doencas-da-coluna-lesoes.html">Lesões Medulares</a></li>

<li><a href="doencas-da-coluna-escoliose.html">Escoliose Vertebral</a></li>

</ul>

</li>

<li><a href="dicas-saude.html">Dicas de Saúde</a></li>

<li><a href="cirurgia-coluna.html">Sua Cirurgia</a></li>

<li><a href="contato.html">Contato</a></li>

<li><a href="localizacao.html" style="border: none;">Localização</a></li>

</ul><!-- /menu -->

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito