Ir para conteúdo

POWERED BY:

Arquivado

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

gu_vsb

Menu drop down não funciona no IE

Por , em Desenvolvimento frontend

Recommended Posts

gu_vsb    0

gu_vsb
Postado

Pessoal coloquei um menu drop down ele tá rodando em todos os navegadores eu gostaria de saber se tem alguma maneira de fazer que ele rode no IE também por favor. Desde já agradeço a todos e o que precisar pode contar com minha pessoa abraços.

 

Segue meu código abaixo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br"><head><title>Bem-vindo ao Saúde Pinda!</title>	<meta name="keywords" content="Saude Pinda, Saude, Medicos, Clinicas, Pindamonhangaba, Pinda" />	<meta name="description" content="Portal de Saude de Pindamonhangaba" /> <link rel="Stylesheet" href="estilo.css" type="text/css" /><style type="text/css">* { margin: 0; padding: 0; }body { 	text-align: center; /* definindo o alinhamento do texto para o centro (para o I.E.)*/}html>body #menu { width: 130px;} /* hack para q o FF, Opera, etc deixem o tamanho correto do layout, pois nao colocando ele adicionaria + 20px aos 150px das divs, totalizando 170px, que iria baguncar o layout *//* estilos para a lista de navegacao */ul{	font: bold 11px Tahoma, Arial, Nimbus Sans L;	text-align: left;	margin: 0;	padding: 0;	list-style: none;	width: 130px;	border-bottom: 2px solid #fff;}ul li{	position: relative;}li ul{	position: absolute;	left: 128px;	top: 0;	display: none;	width: 140px;}ul li a{	display: block;	text-decoration: none;	color: #444;	background: #fdc800;	padding: 3px;	border: 2px solid #fff;	border-bottom: 0;}a:hover{	color: #000;	background-color: #fee47f;}li:hover ul, li.over ul{	display: block;}/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; }* html ul li a { height: 1%; }/* End */#fundo{	background-color: #f6f7f8;}#geral{	background-color: #48a0c8; 	width: 780px;	margin: auto;}#topo{	background: transparent url(imagens/superior.png) no-repeat top left;	height: 100px;}#menu{	float: left;	width: 130px;	background-color: #48a0c8; 	padding: 10px;}#conteudo{	overflow: hidden;	height: 100%;/* para o I.E. fazer a altura do menu acompanhar o do conteudo */	background: url(imagens/curva.png) no-repeat;	background-color: #fff;	padding: 25px 15px 15px 25px; 	font: 12px Tahoma, Arial, Nimbus Sans L;	color: #444;	letter-spacing: 1px;	text-align: justify;}#rodape{	background-color: #f6f7f8; 	width: 780px;	height: 20px;	clear: both; /* nao permitindo que objetos flutuantes obstruam o rodape */}</style><script language="JavaScript">/* hack para menu drop-down. thanks to [url="http://www.alistapart.com/articles/dropdowns/"]http://www.alistapart.com/articles/dropdowns/[/url] */<!--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;//--></script></head><body><script language="JavaScript"><!--var xmlhttp = getXmlHttpRequest();   function getXmlHttpRequest(){   if (window.XMLHttpRequest)   {	  return new XMLHttpRequest();   }   else if (window.ActiveXObject)   {	  try	  {		 return new ActiveXObject("Msxml2.XMLHTTP");	  }	  catch (e)	  {		 try		 {			return new ActiveXObject("Microsoft.XMLHTTP");		 }		 catch (e){}	  }   }}function requisicao(_strNomePagina){	  xmlhttp.open("GET", _strNomePagina, true);	  xmlhttp.setRequestHeader("Content-Type", "text/html; charset=iso-8859-1");	  xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");	  xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");	  xmlhttp.setRequestHeader("Pragma", "no-cache");	  xmlhttp.onreadystatechange = function()	  {		 if (xmlhttp.readyState==4)		 {			document.getElementById("conteudo").innerHTML = xmlhttp.responseText;		 }	  }   	  xmlhttp.send(null);}//--></script><div id="fundo"><div id="geral"><div id="topo"></div><div id="menu"><!-- menu drop-down. thanks to [url="http://www.maujor.com/tutorial/ddownmenu.php"]http://www.maujor.com/tutorial/ddownmenu.php[/url] --><ul>	<li><a href="java script: requisicao('home.html');">:: Home</a></li>	<li><a href="#">:: Dentistas</a>		<ul>			<li><a href="java script: requisicao('dentista.html');">Aparelho</a></li>			<li><a href="java script: requisicao('dentista1.html');">Dentadura</a></li>			<li><a href="">Implante</a></li>		</ul>	</li>	<li><a href="#">:: Farmácias</a>		<ul>			<li><a href="java script: requisicao('farmacia.html');">Drogaria</a></li>			<li><a href="">Homeopatia</a></li>			<li><a href="">Outras</a></li>		</ul>	</li>	<li><a href="#">:: Fisioterapeutas</a>		<ul>			<li><a href="java script: requisicao('fisio.html');">Massagem</a></li>			<li><a href="">Musicoterapia</a></li>		</ul>	</li>	<li><a href="#">:: Fonoaudiólogos</a>		<ul>			<li><a href="java script: requisicao('fono.html');">Audição</a></li>			<li><a href="">Fala</a></li>		</ul>	</li>	<li><a href="#">:: Médicos</a>		<ul>			<li><a href="java script: requisicao('medico.html');">Dermatologistas</a></li>			<li><a href="">Oftalmologistas</a></li>			<li><a href="">Otorrinolaringologistas</a></li>			<li><a href="">Urologistas</a></li>		</ul>	</li>	<li><a href="#">:: Orientações</a>		<ul>			<li><a href="java script: requisicao('orientacoes.html');">Cuidados</a></li>			<li><a href="">Dicas</a></li>			<li><a href="">Exames</a></li>			<li><a href="">Gestantes</a></li>		</ul>	</li>	<li><a href="#">:: Psicólogos</a>		<ul>			<li><a href="java script: requisicao('psico.html');">Terapia</a></li>		</ul>	</li>	<li><a href="#">:: Veterinários</a>		<ul>			<li><a href="">nononononono</a></li>		</ul>	</li></ul></div><!-- fim da div menu --><div id="conteudo"><br /></div><!-- fim da div conteudo --><div id="rodape"><p class="rodape">Copyright © 2007. Todos os direitos reservados.</p></div></div><!-- fim da div geral --></div><!-- fim da div fundo --></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

RoXbY    3

RoXbY
Postado

Os menus só necessitam do JS para funcionar no IE, pois em outros browsers (não sei se todos) conseguem identificar um dropdown somente utilizando css.

 

cara, veja o código nesse link:

http://www.lecowd.com.br/menu/

 

fiz uma vez mas acabei não implementando no sistema que fiz, customize do jeito que quiseres ;D

 

abraços!

Compartilhar este post

Link para o post
Compartilhar em outros sites

gu_vsb    0

gu_vsb
Postado

Roxby, cara muito obrigado msm pelo link que você passou, gostei muito e você não sabe o quanto me ajudou, c precisar pode conter cmg kra valeu msm são pessoas como você que faz com que cresça cada vez mais o compartilhamento do conhecimento muito obrigado.Abraços gu_vsb.

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