Ir para conteúdo

POWERED BY:

Arquivado

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

talita.r.g

Menu Drop Down

Por , em Desenvolvimento frontend

Recommended Posts

talita.r.g    0

talita.r.g
Postado

Olá pessoal...

 

Segui o tutorial : Tutorial Mas no meu site ele não está funcionando http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

Eis meu código:

<HTML><HEAD><TITLE>editora</TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"><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: 5;			padding: 0;			list-style: none;			width: 150px;		}		ul li		 {			position: relative;		}li ul 		{	position: absolute;	left: 149px;	top: 0;	display: none;	height: 250px;		}		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: 161px;			border-bottom: 1px solid #c18481;		}		li:hover ul, li.over ul 		{ 			display: block; 		}</style><script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {	document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script></HEAD><BODY BGCOLOR=#FFFFFF><!-- ImageReady Slices (editora.psd) --><TABLE WIDTH=870 height="870" BORDER=0 CELLPADDING=0 CELLSPACING=0>  <TR>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=40 HEIGHT=1></TD>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=1 HEIGHT=1></TD>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=293 HEIGHT=1></TD>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=89 HEIGHT=1></TD>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=91 HEIGHT=1></TD>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=88 HEIGHT=1></TD>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=87 HEIGHT=1></TD>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=89 HEIGHT=1></TD>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=91 HEIGHT=1></TD>		<TD>			<IMG SRC="imagens/espaçador.gif" WIDTH=1 HEIGHT=1></TD>	</TR>	<TR>		<TD COLSPAN=10>			<IMG SRC="imagens/editora_01.jpg" WIDTH=870 HEIGHT=28></TD>	</TR>	<TR>		<TD COLSPAN=10>			<IMG SRC="imagens/editora_02.jpg" WIDTH=870 HEIGHT=37></TD>	</TR>	<TR>		<TD>			<IMG SRC="imagens/editora_03.jpg" WIDTH=40 HEIGHT=136></TD>		<TD COLSPAN=2>			<IMG SRC="imagens/editora_04.jpg" WIDTH=294 HEIGHT=136></TD>		<TD>			<IMG SRC="imagens/editora_05.jpg" WIDTH=89 HEIGHT=136></TD>		<TD>			<IMG SRC="imagens/editora_06.jpg" WIDTH=91 HEIGHT=136></TD>		<TD>			<IMG SRC="imagens/editora_07.jpg" WIDTH=88 HEIGHT=136></TD>		<TD>			<IMG SRC="imagens/editora_08.jpg" WIDTH=87 HEIGHT=136></TD>		<TD>			<IMG SRC="imagens/editora_09.jpg" WIDTH=89 HEIGHT=136></TD>		<TD COLSPAN=2>			<IMG SRC="imagens/editora_10.jpg" WIDTH=92 HEIGHT=136></TD>	</TR>	<TR>		<TD COLSPAN=9>			<IMG SRC="imagens/editora_11.jpg" WIDTH=869 HEIGHT=25></TD>		<TD>			<IMG SRC="imagens/editora_12.jpg" WIDTH=1 HEIGHT=25></TD>	</TR>	<TR>		<TD COLSPAN=2 ROWSPAN=2 valign="top">			<IMG SRC="imagens/editora_13.jpg" WIDTH=41 HEIGHT=874></TD>			<TD COLSPAN=6 valign="top"><table width="100%" height="876" border="0" cellpadding="0" cellspacing="0">		<tr>		  <td width="25%" valign="top"><ul id="nav">			  <li><a href="instuticional.php" class="subtitulo_branco" target="conteudo">Instuticional</a></li>			  <li><a  target="conteudo" class="subtitulo_branco">Obras</a> 				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Direito Administrativo</a></li>				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Direito Civil</a></li> 				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Direito Constitucional</a></li>				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Direito Penal</a></li>				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Direito Processual Penal</a></li>				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Interesses Difusos</a></li> 				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Legislação Especial</a></li>				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Mesa de Ciências Criminais</a></li> 				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Metodologia de Pesquisa</a></li> 				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Ministério Público</a></li> 				</ul>				<ul>				  <a href="exibir.php" class="subtitulo_branco" target="conteudo">Português</a></li> 				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Série Concursos</a></li> 				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Série Perspectivas Jurídicas</a></li> 				</ul>				<ul>				  <li><a href="exibir.php" class="subtitulo_branco" target="conteudo">Série Reflexões</a></li>				</ul>			  </li>			  <li><a href="exibir_autores.php" target="conteudo" class="subtitulo_branco">Autores</a></li>			  <li><a href="" target="conteudo" class="subtitulo_branco">Outros Produtos</a></li>			  <li><a href="exibir_mais_vendidos.php" target="conteudo" class="subtitulo_branco">Os Mais Vendidos</a></li>			  <li><a href="exibir_promocao.php" target="conteudo" class="subtitulo_branco">Promoções</a></li>			  <li><a href="pre_venda.php" target="conteudo" class="subtitulo_branco">Pré-Vendas</a></li>			  <li><a href="mapa_site.php" target="conteudo" class="subtitulo_branco">Mapa do Site</a></li>			</ul>		  		  </td>		  <td valign="top"><iframe frameborder="0" height="850" width="550" src="if_index3.php" scrolling="auto" name="conteudo"></iframe></td>		</tr>	  </table> </TD>		<TD COLSPAN=2 ROWSPAN=2 valign="top">			<IMG SRC="imagens/editora_15.jpg" WIDTH=92 HEIGHT=874></TD>	</TR>	<TR>		<TD COLSPAN=6>			<IMG SRC="imagens/editora_16.jpg" WIDTH=737 HEIGHT=1></TD>	</TR></TABLE><!-- End ImageReady Slices --></BODY></HTML>

Alguém sabe qq eu fiz pra não funcionar?! Pleassee...é mto urgente, num sei mais o que fazer http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

poste o link... olhar o codigo assim eh meio sinistro... com um exemplo online podemos modificar pelos plugins do FF...

Compartilhar este post

Link para o post
Compartilhar em outros sites

talita.r.g    0

talita.r.g
Postado

agora fale o problema...

Teria q abrir um "submenu" no item Obras, que não abre :SE preciso que essa barra, onde se encontra o menu, fique até o final do menu...

Compartilhar este post

Link para o post
Compartilhar em outros sites

talita.r.g    0

talita.r.g
Postado

tabelas... iframes... olha... teu problema pode estar em vários lugares... tanto com o iframes tapando teu menu, tabelas atrapalhando... meio dificil... http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

Já me falaram isso, mas eu n tenho opção, pois preciso que ele obtenha esse resultado.A sugestão que me derão foi criar uma tabela, mas num funciona de jeito nenhum...Alguma sugestão? :wacko:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jackson Junior    1

Jackson Junior
Postado

Usa esse exemplo, eh so você moldar as suas necessidades.

Espero que ajude.

 

extraido do site: www.maujor.com

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br"><head><script type="text/javascript">function IEHoverPseudo() {	var navItems = document.getElementById("primary-nav").getElementsByTagName("li");		for (var i=0; i<navItems.length; i++) {		if(navItems[i].className == "menuparent") {			navItems[i].onmouseover=function() { this.className += " over"; }			navItems[i].onmouseout=function() { this.className = "menuparent"; }		}	}}window.onload = IEHoverPseudo;</script><style type="text/css">body { font: normal 62.5% verdana; }ul#primary-nav,ul#primary-nav ul {	margin: 0;	padding: 0;	width: 150px; /* Width of Menu Items */	border-bottom: 1px solid #ccc;	background: #fff; /* IE6 Bug */	font-size: 100%;	}ul#primary-nav li {	position: relative;	list-style: none;	}ul#primary-nav li a {	display: block;	text-decoration: none;	color: #777;	padding: 5px;	border: 1px solid #ccc;	border-bottom: 0;	}/* Fix IE. Hide from IE Mac \*/* html ul#primary-nav li { float: left; height: 1%; }* html ul#primary-nav li a { height: 1%; }/* End */ul#primary-nav ul {	position: absolute;	display: none;	left: 149px; /* Set 1px less than menu width */	top: 0;	}ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */ul#primary-nav li:hover ul ul,ul#primary-nav li:hover ul ul ul,ul#primary-nav li.over ul ul,ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */ul#primary-nav li:hover ul,ul#primary-nav li li:hover ul,ul#primary-nav li li li:hover ul,ul#primary-nav li.over ul,ul#primary-nav li li.over ul,ul#primary-nav li li li.over ul { display: block; } /* The magic */ul#primary-nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }ul#primary-nav li.menuparent:hover,ul#primary-nav li.over { background-color: #f9f9f9; }ul#primary-nav li a:hover { color: #E2144A; }</style></head><body><ul id="primary-nav">  <li><a href="#">Home</a></li>  <li class="menuparent"><a href="#">About</a> 	<ul>	  <li><a href="#">History</a></li>	  <li><a href="#">Team</a></li>	  <li><a href="#">Offices</a></li>	</ul>  </li>  <li class="menuparent"><a href="#">Services</a> 	<ul>	  <li><a href="#">Web Design</a></li>	  <li><a href="#">Internet Marketing</a></li>	  <li class="menuparent"><a href="#">Hosting</a> 		<ul>		  <li><a href="#">Dedicated</a></li>		  <li><a href="#">Virtual</a></li>		  <li><a href="#">Shared</a></li>		  <li><a href="#">Managed</a></li>		</ul>	  </li>	  <li><a href="#">Domain Names</a></li>	  <li><a href="#">Broadband</a></li>	</ul>  </li>  <li class="menuparent"><a href="#">Contact Us</a> 	<ul>	  <li><a href="#">United Kingdom</a></li>	  <li><a href="#">France</a></li>	  <li><a href="#">USA</a></li>	  <li><a href="#">Australia</a></li>	</ul>  </li></ul></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Browser    0

Browser
Postado

A solução para o seu problema é fazer toda aquela parte do menu em tableless, tente fazer o site todo em tableless.Ficará mais fácil depois de você tentar solucionar algum problema pois ficará poucas marcações para atrapalhar sua vida. ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

talita.r.g    0

talita.r.g
Postado

Olá...

Usei o código que você postou, e deu certo...até eu ter q colocar um flash no iframe e advinhe?! O menu ficou atras do flash...

 

Eu acho q teria q alterar a posição, mas dei uma olhada e não achei nada...

 

 

HELP PLSSSSSSSSSSSSSSSSSS http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

Olha esse negocio : http://200.99.3.6/portal_teste/editora/index.php

Compartilhar este post

Link para o post
Compartilhar em outros sites

Andreia Regina    1

Andreia Regina
Postado

Olá!Uma observação: no lado direito do site (naquela barra vermelha) mostra um pequeno deslocamento da barra para a direita. ;) =========== EditandoOutra observação: você está fazendo includes?Se está retira as tags <body> <head> dos arquivos que estão sendo incluídos.Estes dias tive problemas por causa disso. ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

pessoal naum tah buscando... tem varios posts sober essa parada do menu ficar por tras d flash, iframes, etc...

 

outra coisa, antes d usarem includes, estudem sobre a utillização... vcs naum precisam colocar as tags todas d novo...

 

index.php

<html><head><title>teste</title></head><body><? include('pagina.php'); ?></body></html>
pagina.php

<div id="conteudo">texto</div>
prestaram atenção no detalhe? a pagina que está sendo incluida, a pagina.php nam está usando as tags <html>, etc... Naum precisa... senaum duplica... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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