com menu

[Giovani 104]

Pessoal,

 

Quero saber se alguém pode me ajudar.

 

Tenho essa pagina, com o menu embaixo.

 

Quero q quando o mouse passar sobre CADA ícone, apareça um submenu acima de cada um, como esse exemplo.

 

Já tentei alguns menus drop downs, mas não consegui nada.

 

ALGUEM PODE ME AJUDAR!!!

[pa_bruno 0]

poste algo q você jah tentou pra eu dar uma olhada... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Giovani 104]

CSS

 

#nav {		margin: 0;		padding: 0;	}	#nav li.on ul, #nav li.off ul {		margin: 0;		padding: 0;	}	#nav a {		text-decoration: none;	}	#nav li { /*float the main list items*/		margin: 0;		float: left;		display: block;		padding-right: 15px;	}	#nav li ul {		display: none;	}	#nav li.off ul, #nav li.on ul { /*put the subnav below*/		position: absolute;		top: 33px;		*top: 44px;		left: 5px;		margin-top:17px;		padding-top: 2px;		padding-bottom: 8px;		background: #3366FF;		height: 20px;		width: 640px;	}	#nav li a {		color: #d6e3b0;		font-weight: bold;		display: block;		height: 50px;		width: 55px;		padding: 5px;	}	#nav li.on a {		color: #7a8566;	}	#nav li.on ul a, #nav li.off ul a {		float: left; /*ie doesn't inherit the float*/		border: 0;		color: #000000;		width: auto;		margin-right: 15px;	}	#nav li.on ul {		display: block;	}	#nav li.off:hover ul {		display: block;		z-index: 6000;				}#nav li.off a:hover, #nav li:hover a {		background: #d6e3b0;		color: #7a8566;	}#nav li.off:hover ul, #nav li.over ul {   display: block;  z-index: 6000;}#nav li.off a:hover, #nav li:hover a, #nav li.over a {  background:#FFFF33;  color: #f90;  height:15px;}

JS

 

startList = function() {if (document.all && document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) {  node = navRoot.childNodes[i];  if (node.nodeName=="LI") {  node.onmouseover=function() {  this.className+=" over";	}  node.onmouseout=function() {  this.className=this.className.replace	  (" over", "");   }   }  } }}window.onload=startList;

Era pra funcionar no IE e no Firefox

 

Coloquei lá no meu site pra melhorar a visualização

site

[Giovani 104]

O código tá bem sujo, ainda não apliquei o q você escreveu nequele artigo de reciclagem do código.Esse código q peguei no A List é bem complicado...por isso não estou cnseguindo fazer.Ficaria muito agradecido se você me ajudasse.