Ir para conteúdo

POWERED BY:

Arquivado

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

ddelucca

sub_menu no IE

Recommended Posts

fala galera.

 

seguinte, to criando um menu, com sub-menu, ok, tudo bagana

 

Aí criei um slideshow, que também tá ok.

Só q seguinte, no IE, o banner tá cortando o sub-menu, já no firefox, ñ.

tentei o z-index e tal, olhei vários tópicos no fórum e net, mas nada resolver.

 

Se alguém puder me dar uma força

segue anexo a img de como tá

http://www.dcomunicacao.ppg.br/erro.jpg

 

abraço galera

Compartilhar este post


Link para o post
Compartilhar em outros sites

esse slideshow é um flash ?

 

se for, adicione um wmode="transparent" nele.

Caso não seja, verifique o elemento pai do slideshow. O elemento pai do menu, deve ter z-index superior ao pai do slideshow também.

Compartilhar este post


Link para o post
Compartilhar em outros sites

opa irmão, se você puder ajudar:

 

<table width="950" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
   <tr>
     <td height="61" align="center" valign="middle" background="images/index_01.jpg">		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>

	  <!--- MENU HOME --->

<div class="box"><ul id="ldd_menu" class="ldd_menu"><li>
	<span><a href="index.php">Home           |</a></span><!-- Increases to 510px in width-->
  </li>
			<li>

				<!--- MENU A FARMÁCIA --->

				<span><a href="farmacia.php">A Farmácia           |</a></span>				</li>

				<!--- MENU PRODUTOS & SERVIÇOS --->

			<li>
				<span>Produtos & Serviços           |</span>
				[b]<div class="ldd_submenu" style="z-index:2;">[/b]
                   <table width="400" border="0" cellspacing="0" cellpadding="0">
 <tr>

   <td width="50%" valign="top" align="left"><ul>
						<li class="ldd_heading">Produtos</li>
						<li><a href="#">Genéricos</a></li>
						<li><a href="#">Remédios sem Receita</a></li>
						<li><a href="#">Material Hospital</a></li>
                           <li><a href="#">Perfumaria e Cosméticos</a></li>

					</ul></td>
   <td width="50%" valign="top" align="left"><ul>
						<li class="ldd_heading">Serviços</li>
						<li><a href="cha_de_bebe.php">Chá de Bebê</a></li>
						<li><a href="manipulacao.php">Manipulação</a></li>
					</ul></td>
 </tr>

</table>


									</div>
			</li>

				<!--- MENU CONTATOS --->


     <li>
				<span><a href="dicas.php">Dicas           |</a></span><!-- Increases to 510px in width-->
  </li>

 <li>
				<span><a href="contatos.php">Contatos</a></span><!-- Increases to 510px in width-->
  </li>
		</ul>
	</div>

<!-- The JavaScript -->
<script type="text/javascript" src="js/jquery.min.js"></script>
       <script type="text/javascript">
           $(function() {
			/**
			 * the menu
			 */
			var $menu = $('#ldd_menu');

			/**
			 * for each list element,
			 * we show the submenu when hovering and
			 * expand the span element (title) to 510px
			 */
			$menu.children('li').each(function(){
				var $this = $(this);
				var $span = $this.children('span');
				$span.data('width',$span.width());

				$this.bind('mouseenter',function(){
					$menu.find('.ldd_submenu').stop(true,true).hide();
					$span.stop().animate({'width':'168px'},300,function(){
						$this.find('.ldd_submenu').slideDown(300);
					});
				}).bind('mouseleave',function(){
					$this.find('.ldd_submenu').stop(true,true).hide();
					$span.stop().animate({'width':$span.data('width')+'px'},300);
				});
			});
           });
       </script>	
   </body>

</html></td>
   </tr>
   <tr>
   <td align="center" valign="middle">	<table width="950" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td height="271" align="left" valign="top" background="images/index_02.jpg">
     <table width="950" height="269" border="0" cellpadding="0" cellspacing="0">
       <tr>
       <td width="307" height="25" valign="top"> </td>

       <td width="581" valign="top"> </td>
       <td width="62" valign="top"> </td>
       </tr>
       <tr>
       <td height="139" valign="top"> </td>
       <td width="581" height="202" valign="top">

[b]<div id='coin-slider' style="z-index:1">[/b]
<img src="images/animacao/1.jpg" />
<img src="images/animacao/2.jpg" />
<img src="images/animacao/3.jpg" />

<img src="images/animacao/4.jpg" />
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/coin-slider.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#coin-slider').coinslider({ width: 580, height:202 });
});

</script>  

 

só ñ liga pra bagunça do código.

depois vou arrumar :P

 

ninguém :(

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.