Menu Drop Down

talita.r.g · Novembro 3, 2005

Olá!!

Eu peguei um tutorial para menu drop down, e ele funciona se estiver em um arquivo separado, qdo coloco iframe ou até msm na página incial ele não funciona mais!

O que eu fiz?!

Alguém pode me ajudar!!!

index.php

<html>	<head>		<title>|| Editora Damásio de Jesus ||</title>		<link rel="stylesheet" href="css/style.css" type="text/css" /></head><body leftmargin="0" topmargin="0">	<table background="imagens/fundo_editora.jpg" width="747" height="942">  <tr> 	<td height="193" colspan="2" valign="top">	  <div id="Layer1" style="position:absolute; width:664px; height:160px; z-index:1; left: 29px; top: 32px;"><iframe frameborder="0" marginheight="0" width="664" height="190" marginwidth="0" name="header" scrolling="no" src="header.html" /></div>	  </td>  </tr>  <tr> 	<td width="195" ></td>	<td width="550"></td>  </tr></table></body></html>

menu.htm

<html>	<head>		<title>Menu</title>		<link rel="stylesheet" href="css/style.css" type="text/css" /><script language="JavaScript">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><style>/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; }* html ul li a { height: 1%; }/* End */	ul 		{			margin: 0;			padding: 0;			list-style: none;			width: 150px;		}		ul li		 {			position: relative;		}li ul 		{			position: absolute;			left: 149px;			top: 0;			display: none;		}		ul li a 		{			display: block;			text-decoration: none;			color: #ffffff;			background: #9c231b;			padding: 5px;			border: 1px solid #c18481;			border-bottom: 0;		}ul		 {			margin: 0;			padding: 0;			list-style: none;			width: 150px;			border-bottom: 1px solid #c18481;		}		li:hover ul, li.over ul 		{ 			display: block; 		}</style>			</head>	<body>		 <ul id="nav"> 	<li><a href="#">Instuticional</a></li> 	<li><a href="#">Obras</a> 	  <ul> 		<li><a href="#">Direito Administrativo</a></li> 		<li><a href="#">Direito Civil</a></li> 		<li><a href="#">Direito Constuticional</a></li>		<li><a href="#">Direito do Trabalho</a></li>		<li><a href="#">Direito Penal</a></li>		<li><a href="#">Direito Processual Penal</a></li>		<li><a href="#">Interesses Difusos</a></li>		<li><a href="#">Legislação Especial</a></li>		<li><a href="#">Mesa de Ciências Criminais</a></li>		<li><a href="#">Metodologia de Pesquisa</a></li>		<li><a href="#">Ministério Público</a></li>		<li><a href="#">Português</a></li>		<li><a href="#">Série Concursos</a></li>		<li><a href="#">Série Perspectivas Jurídicas</a></li>		<li><a href="#">Séries Reflexões</a></li>			  </ul> 	</li> 		<li><a href="#">Autores</a></li>	<li><a href="#">Outros Produtos</a></li>	<li><a href="#">Os Mais Vendidos</a></li> 	<li><a href="#">Promoções</a></li> 	<li><a href="#">Pré-Vendas</a></li>	<li><a href="#">Mapa do Site</a></li>   </ul>	</body></html>

Ahh outra coisa, se eu colocar o css em outro arquivo tbm, nada feito =\

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

pa_bruno · Novembro 3, 2005

provavemente ele deve estar aparecendo por trás do iframe... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

talita.r.g · Novembro 3, 2005

provavemente ele deve estar aparecendo por trás do iframe... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Como faço para ele aparecer na frente ? :wacko:

Hunter_ · Novembro 3, 2005

você cria uma div q englobe todo o conteúdo do menu, tipo o que você fez no caso do iframe, sendo que você deixa o z-index da layer do iframe com um valor inferior ao do menu.qquer coisa, posta todo o codigo aqui pra gente verté+

talita.r.g · Novembro 3, 2005

Olá!!!

Estou tentando da maneira que falou, mas não deu certo!

Tentei assim:

<html>	<head><title>|| Editora Damásio de Jesus ||</title><link rel="stylesheet" href="css/style.css" type="text/css" /></head><body leftmargin="0" topmargin="0">	<table background="imagens/fundo_editora.jpg" width="747" height="942">  <tr> 	<td height="193" colspan="2" valign="top">	  <div id="header" style="position:absolute; width:669px; height:160px; z-index:1; left: 25px; top: 32px;"> 		<iframe frameborder="0" marginheight="0" width="664" height="190" marginwidth="0" name="header" scrolling="no" src="header.html" />	  </div>	  </td>  </tr>  <tr> 	<td width="195" ><iframe frameborder="0" marginheight="0" width="200" height="752" marginwidth="0" name="menu" scrolling="no" src="menu.htm" /></td>	<td width="550"></td>  </tr></table></body></html>

Mas nada de o menu aparecer =\

Help...

Hunter_ · Novembro 3, 2005

faz o seguinte, quero ver qual é o layout final que você quer fazer, ai posso te deizer + - o q você faz pra desenrolar a parada :D

talita.r.g · Novembro 3, 2005

Oie... hehe

Nossa, to perdida até para explicar hehe

Coloquei aqui para ver : http://200.99.3.6/teste/editora.html

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Hunter_ · Novembro 3, 2005

vê se eh isso q ce ta imaginando:

http://200.194.98.208/clientes/emanuel/edit.htm

qquer coisa me passa teu msn por MP q a noite em casa eu vejo isso com você

talita.r.g · Novembro 3, 2005

vê se eh isso q ce ta imaginando:http://200.194.98.208/clientes/emanuel/edit.htmqquer coisa me passa teu msn por MP q a noite em casa eu vejo isso com você

Não consegui ver nada no link =\

Hunter_ · Novembro 3, 2005

Ué, testei aqui ta funfando....Copia e cola o endereço no teu browser...pode ser isso :D

pa_bruno · Novembro 3, 2005

esse tipo d problema jah foi discutido bastante por aki... ng conseguiu achar uma solução pra esse problema... conseguiram fazer pra q ficasse na frente d banner, usando iframe, mas o teu caso eh com iframe... e mesmo assim fica completamente naum semantico...

iframes... odeio eles... pq está utilizando-o? Naum tem como fazer sem eles? http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Hunter_ · Novembro 3, 2005

realmente, com iframes fica não semântico, como ela ja tava usando...e acho q o layout dela ainda usa tabelas... então apenas tentei ver um jeito dela mostrar o menu ;) + estava esperando alguém + avançado como você bruno para ajudar melhor, sou apenas um iniciante ...regard´s for all té +

talita.r.g · Novembro 3, 2005

Ué, testei aqui ta funfando....Copia e cola o endereço no teu browser...pode ser isso :D

Hunter,Eu cliquei no link e nada, copiei e colei no browser e nada, testei em dois micros e não abriu nada http://forum.imasters.com.br/public/style_emoticons/default/cry.gif Bruno,Nossa, então meu caso é praticamente sem solução? http://forum.imasters.com.br/public/style_emoticons/default/cry.gif Eu preciso dos iframes, pois tentei fazer tudo em um mesmo arquivo deixando um espaço para colocar um único iframe, onde seria exibido todo o conteúdo do site..e advinha?! não deu certo =\

pa_bruno · Novembro 3, 2005

falae hunter... q avançado q nada rapaz... sou aprendiz... como você, como qq um ;) mas infelizmente desconheço uma resolução pra esse problema... e pior eh q nunca vi nenhuma solução... nem aki e nem fora do brasil, em blogs, sites...eu acharia melhor trabalhar sem iframes :D ou entaum coloca-los mais abaixo do menu ;)

Ué, testei aqui ta funfando....Copia e cola o endereço no teu browser...pode ser isso :D
Hunter,Eu cliquei no link e nada, copiei e colei no browser e nada, testei em dois micros e não abriu nada http://forum.imasters.com.br/public/style_emoticons/default/cry.gif Bruno,Nossa, então meu caso é praticamente sem solução? http://forum.imasters.com.br/public/style_emoticons/default/cry.gif Eu preciso dos iframes, pois tentei fazer tudo em um mesmo arquivo deixando um espaço para colocar um único iframe, onde seria exibido todo o conteúdo do site..e advinha?! não deu certo =\

oi talita... bom, eu recomendaria você a fazer do jeito convencional... sem iframes... com paginas para cada seção, etc... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Hunter_ · Novembro 3, 2005

hehehehhe beleza....somos todos aprendizes mesmo na mudança constante que é a web... hehehemas quanto ao pro da talita...agora não da como to no trampo ainda ...pra ver com calma, mas a noite em casa vo ver o q posso pra ajudar ela, mas com certeza o segredo maior seria largar dos iframes... mas...quem sabe a gente tentando possamos resolver a parada...?quem sabe?nada é impossível ... té +

talita.r.g · Novembro 3, 2005

Bruno,

Estou pensando um uma outra maneira de fazer isso...

pq o cliente quer q apareça no meio, ou seja, não quer que carregue a página toda qdo clicado em um link... tentei deixar td junto e nada...

Como eu poderia fazer isso?!

Pq eu tenho dois meus, o primeiro horizontal, q seria o cabeçalho, deverá estar em todas páginas, e o segundo lateral se refere ao site que está sendo visitado, e tbm deverá estar em todas páginas =\

Sugestões?! :unsure:

Hunter, vlw msm pela ajuda..

Mas ta dificil...pq você msm viu como tem que ficar, e eu n sei outra forma de fazer sem usar os benditos iframes :wacko:

Qdo puder a gente quebra a cabeça nisso, pq ta fogo http://forum.imasters.com.br/public/style_emoticons/default/sick.gif

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Hunter_ · Novembro 3, 2005

beleza, tamo aqui pra aprender juntos..... se me der autorização a gente pode conversar no msn a noite e tentaar matar essa "onça" ehheheheeh e tb quero trocar umas ideias com você...vejo q manja de php ;) té +

pa_bruno · Novembro 3, 2005

bom, eu daria um papo no cliente... pq naum vejo mta vantagem d ficar fazendo por iframes... como o conteudo jah foi carregado, fica em cache... entaum naum seria desvantagem nenhuma usar com paginas separadas... um outro jeito, seria você fazer por GET... teria utilizar BD com uma linguagem dinamica, tipo PHP... ae no BD você teria o conteúdo em texto e chamaria pelo link o conteudo, chamando a mesma pagina, soh mudando a parte do texto...

<div id="menu"><a href="pagina.php?id=01">link01</a><a href="pagina.php?id=02">link02</a></div><div id="conteudo"><? echo $_GET['texto']; ?></div>

um exemplo bem porco do q eu to falando... ae pelo id q ele pego pelo get, apareceria o texto correpondente do ID http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

talita.r.g · Novembro 3, 2005

Olá...mas é claro que eu te dou autorização...Entra no msn que a gente mata isso aí !No que eu puder te ajudar, vamos nessa ;) Bruno, é exatamente isso que vai acontecer, qdo passar o mouse, ele seleciona o id da categoria e exibe os dados referente a categoria selecionada.Qto à isso sem problemas. O fogo agora é a página inicial, que não vem selecionado nada e o menu que não aparece, de jeito nenhum...na verdade agora eu consegui fazê-lo aparecer...mas preciso que fique com uma barra e não fica... :wacko: Não aguento mais olhar isso heheheVlw

pa_bruno · Novembro 3, 2005

oi talita... entaum... se confundiu... num eh no menu naum... eh no conteudo mesmo ;)

na verdade fica ateh meio sinsitro d ficar falando, teria q ver online pra saber o funcionamento... :D

qq coisa, eh soh falar... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Arquivado

Menu Drop Down

Recommended Posts

talita.r.g 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

pa_bruno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

talita.r.g 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Hunter_ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

talita.r.g 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Hunter_ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

talita.r.g 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Hunter_ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

talita.r.g 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Hunter_ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

pa_bruno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Hunter_ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

talita.r.g 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

pa_bruno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Hunter_ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

talita.r.g 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Hunter_ 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

pa_bruno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

talita.r.g 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

pa_bruno 0