Ir para conteúdo

Arquivado

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

GabrielFerrari

Menu dropdown

Recommended Posts

Thelzin pedindo ajuda de novo http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

 

Estou com mais um probleminha com o CSS e um deles incrivelmente envolve o IE :P

 

Me pediram para inserir no site um menu dropdown depois de tudo pronto http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif

Mas beleza nem da nada.

 

Porém estou com dificuldade em inserir ele na posição que eu quero.

 

Se você abrir o site: http://www.ipsbc.org.br/

 

Vai ver que tem um menu no topo (sobre o banner) e o espaçamento entre uma palavra e outra está desigual.

Tentei usar um padding em cada LI mas não obtive sucesso.

 

porém o maior problema está em abrir ele no internet Explorer

No qual os itens do menu ficam um a baixo do outro e não do lado.

 

Eu segui esse tutorial: http://elmicox.blogspot.com/2008/03/ultima...n-css-at-4.html

 

Meu código ta assim:

 

Posicionamento

 

.submenu{
	position:absolute;
	clear:both;
	padding-top:15px;
	padding-left: 300px;
	font-family: Tahoma, Calibri, Arial;
	z-index:1;
}

O do tutorial com minhas mudanças

 

Menu

<div class="submenu">
  
<ul class='menu-hv'>
<li id="sub_item1">
<a href='#' class="class1">Quem somos |</a>
<ul>
	<li id="sub_item">História</li>
	<li id="sub_item">Identidade Teológica</li>
	<li id="sub_item">Organização</li>
</ul>
</li>
<li id="sub_item2">
<a href="[~13~]" class="class1">Programação |</a></li>
<li id="sub_item3"> 
<a href="[~14~]" class="class1">Galeria de fotos |</a></li>
 <li id="sub_item4"> 
<a href="[~15~]" class="class1 style1">Localização</a></li>
</ul>		
	
</div>

 

O CSS do menu está quase igual ao do tutorial só alterei as partes de evento do mouse.

 

 

 

Se alguém poder me ajudar agradeço http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Já conseguiu resolver ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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