Ir para conteúdo

POWERED BY:

Arquivado

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

papel

Problemas com o IE com o Menu Horizontal SubMenu Vertical

Recommended Posts

Ola, gostaria de saber qual o codigo em javascript que habilite esse menu funcionar no IE

 

Meu codigo do css esta assim:

/*Menu*/   #topo #menu * { margin: 0; padding: 0;}#topo #menu a { display: block; }#topo #menu li { list-style: none; float: left; height: 1%; }#topo #menu li ul { position: absolute; visibility: hidden;}#topo #menu li ul li { float: none; white-space: nowrap; display: inline; /* o inline é pro IE */}#topo #menu li ul li ul { position: absolute; left: 100%; top: 0; }#topo #menu li:hover ul, #topo #menu  li.over ul { visibility: visible;}#topo #menu li:hover ul ul, #topo #menu  li.over ul ul { visibility: hidden;}#topo #menu ul ul li:hover ul, #topo #menu  ul ul li.over ul { visibility: visible;}  /* visual */#topo #menu {  padding-left:10px;	  text-transform:uppercase;		 		  background-color:#009900;	  color:#FFF;	  height:33px;	  _height:25px;	  tex-align:center;	  border-top:solid;	  border-bottom:solid;	  border-color:#FFF;				}#topo #menu a { 	 ext-decoration: none;	  font:bold 80% 'Trebuchet Ms', Helvetica,Arial,Tahoma,Verdana,Sans-Serif;	   color:#FFF;	   border-right:0.2px solid #6F9500;	   border-left:1px solid #FFF;	   padding:5px;	   _padding:-1px 10px 10px;	   text-transform:uppercase;	   tex-align:center;;				 }#topo #menu a:hover {	  background:#FFF;	   color:#CCCCCC;						}#topo #menu ul li ul { 	 background-color: #009900;	border: 1px solid #000; 						}
E a parte do html esta estruturado com ul e li!

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas como assim? Você tem o CSS, o HTML e não tem o JS? Esse CSS você "pegou" onde? (e olha que vi errinhos bestas nele... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif ) Dê uma pesquisada aqui no fórum, temos muitos tópicos que abordam menus feitos com auxílio de JS inclusive...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas como assim? Você tem o CSS, o HTML e não tem o JS? Esse CSS você "pegou" onde? (e olha que vi errinhos bestas nele... http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif ) Dê uma pesquisada aqui no fórum, temos muitos tópicos que abordam menus feitos com auxílio de JS inclusive...

Eu peguei ele na net e fui modificando, so alterei o visual, se você puder falar os errinhos eu agradeceria, pois poderia aprender o certo!valeus

Compartilhar este post


Link para o post
Compartilhar em outros sites

#topo #menu {

padding-left:10px;

text-transform:uppercase;

background-color:#009900;

color:#FFF;

height:33px;

_height:25px;

tex-align:center; http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Falta um "t" aqui

border-top:solid;

border-bottom:solid;

border-color:#FFF;

}

 

#topo #menu a {

ext-decoration: none; http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Outro "t" ausente

font:bold 80% 'Trebuchet Ms', Helvetica,Arial,Tahoma,Verdana,Sans-Serif;

color:#FFF;

border-right:0.2px solid #6F9500;

border-left:1px solid #FFF;

padding:5px;

_padding:-1px 10px 10px;

text-transform:uppercase;

tex-align:center;; http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Mais um "t" que foi passear e porque 2 pontos-vírgula? :mellow:

}

 

#topo #menu a:hover {

background:#FFF;

color:#CCCCCC;

}

 

#topo #menu ul li ul {

background-color: #009900;

border: 1px solid #000;

}

E quando se copia algo, é importante que tenhamos ciência de como se altera e como funciona aquilo que estamos copiando... Ou melhor, seria mais interessante se você utilizasse apenas como modelo, e não ir alterando, porque cópia é sempre aquela história: não é seu! E pronto! Não tem como questionar...

 

Ok?

 

Abraço!

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.