Ir para conteúdo

POWERED BY:

Arquivado

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

filipescoob

Menu com Problema

Por , em Javascript

Recommended Posts

filipescoob    1

filipescoob
Postado

Salve comunidade,

 

Estou com um problema em um menu que estou desenvolvimendo.

 

Ja tentei de tudo para mudar o background mas ele nao muda, alguem pode me ajudar !!!

 

segue codigo do menu abaixo e ele funcionando em

 

Link do menu

 

 

<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>
UL#primary-nav {
	PADDING-RIGHT: 0px; 
	FONT: 62.5% verdana; 
	PADDING-LEFT: 2px; 
	FONT-SIZE: 100%; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 187px; 
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ccc 0px solid;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-position:right;
}
UL#primary-nav UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 100%; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 187px; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #ccc 0px solid;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-position:right;
}
UL#primary-nav LI {
	LIST-STYLE-TYPE: none; POSITION: relative
}
UL#primary-nav UL LI A {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-position:right;
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #ccc 1px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #ccc 1px solid; 
	COLOR: #777; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #ccc 1px solid; 
	TEXT-DECORATION: none;
}
UL#primary-nav LI A:hover  {
	BACKGROUND-COLOR: #000000;
	BACKGROUND: url(images/fundo_locacao12.jpg) repeat-y right center;
}
UL#primary-nav LI A {
	PADDING-RIGHT: 5px; 
	DISPLAY: block; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	COLOR: #777; 
	PADDING-TOP: 5px; 
	TEXT-DECORATION: none;
}
* HTML UL#primary-nav LI {
	FLOAT: left; HEIGHT: 1%
}
* HTML UL#primary-nav LI A {
	HEIGHT: 1%
}
UL#primary-nav UL {
	DISPLAY: none; 
	LEFT: 182px; 
	POSITION: absolute; TOP: 0px
}
UL#primary-nav LI UL LI A {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	 PADDING-TOP: 2px
}
UL#primary-nav LI:hover UL UL {
	DISPLAY: none
}
UL#primary-nav LI:hover UL UL UL {
	DISPLAY: none
}
UL#primary-nav LI.over UL UL {
	DISPLAY: none
}
UL#primary-nav LI.over UL UL UL {
	DISPLAY: none
}
UL#primary-nav LI:hover UL {
	DISPLAY: block
}
UL#primary-nav LI LI:hover UL {
	DISPLAY: block
}
UL#primary-nav LI LI LI:hover UL {
	DISPLAY: block
}
UL#primary-nav LI.over UL {
	DISPLAY: block
}
UL#primary-nav LI LI.over UL {
	DISPLAY: block
}
UL#primary-nav LI LI LI.over UL {
	DISPLAY: block
}
UL#primary-nav LI.menuparent:hover {
	BACKGROUND-COLOR: #f9f9f9;
}
UL#primary-nav LI.menuparent {
	BACKGROUND: url(images/fundo_locacao.jpg) repeat-y right center;
}
UL#primary-nav LI.over {
	BACKGROUND-COLOR: #f9f9f9
}
UL#primary-nav LI A:hover {
	COLOR: #e2144a
}
LI:hover {
	BACKGROUND-COLOR: #ffffff;
}
ul:hover {
	BACKGROUND-COLOR: #ffffff;
}
.style1 {color: #333333}
</STYLE>
<table width="174" border="0" cellpadding="0" cellspacing="0">
  <tr>
	<td colspan="3"><img src="images/topo_menu.jpg" width="187" height="42" /></td>
  </tr>
  <tr>
	<td height="34" colspan="3" class="lateral"><img src="images/busca.jpg" width="187" height="34" /></td>
  </tr>
  <tr>
	<td colspan="3"><img src="images/div_menu_2.jpg" width="187" height="10" /></td>
  </tr>
  
  <tr>
	<td colspan="3" class="lateral">
		<UL id=primary-nav>
		<LI class=menuparent>
			<A href="index.asp" style="text-indent:25px; cursor:hand;">Home</A>
		  <LI style="background-image:url(images/div_menu_2_canto.gif)"><img src="images/div_menu_2.gif" style="text-align:right"/>
		  <LI class=menuparent>
			<A href="empresa.asp" style="text-indent:25px; cursor:hand;">Empresa</A>
		  <LI style="background-image:url(images/div_menu_2_canto.gif)"><img src="images/div_menu_2.gif" style="text-align:right"/>
		  <LI class=menuparent>
			<A href style="text-indent:25px; cursor:hand;">Locação</A> 
			  <UL>
				<LI><A href="detalhe.asp?acao=locacao&nm_tipo=25&pagina=Projetores(Data Show)">Projetores(Data Show)</A> 
				<LI><A href="tela.asp?acao=locacao">Telas de Projeção</A> 
				<LI><A href="detalhe.asp?acao=locacao&nm_tipo=15,16,17,19,23&pagina=Sonorização">Sonorização</A> 
				<LI><A href="detalhe.asp?acao=locacao&nm_tipo=88&pagina=Plasma">Plasma</A> 
				<LI><A href="detalhe.asp?acao=locacao&nm_tipo=24&pagina=Infomática">Informática</A>
				<LI><A href="detalhe.asp?acao=locacao&nm_tipo=20&pagina=Iluminação">Iluminação</A> 
				<LI><A href="flipchart.asp">Flip-Chart</A></LI>
			  </UL>
		  </LI>
		  <LI style="background-image:url(images/div_menu_2_canto.gif)"><img src="images/div_menu_2.gif" style="text-align:right"/>
		  <LI class=menuparent>
			<div><A href  style="text-indent:25px; cursor:hand;">Venda</A> 
			  <UL>
				<LI><A href="detalhe.asp?acao=venda&nm_tipo=25&pagina=Projetores(Data Show)">Projetores(Data Show)</A> 
				<LI><A href="tela.asp?acao=venda">Telas de Projeção</A> 
				<LI><A href="detalhe.asp?acao=venda&nm_tipo=15,16,17,19,23&pagina=Sonorização">Sonorização</A> 
				<LI><A href="detalhe.asp?acao=venda&nm_tipo=88&pagina=Plasma">Plasma</A> 
				<LI><A href="detalhe.asp?acao=venda&nm_tipo=24&pagina=Infomática">Informática</A>
				<LI><A href="detalhe.asp?acao=venda&nm_tipo=20&pagina=Iluminação">Iluminação</A> 
				<LI><A href="flipchart.asp">Flip-Chart</A></LI>
			  </UL>
		  </LI>
		  <LI style="background-image:url(images/div_menu_2_canto.gif)"><img src="images/div_menu_2.gif" style="text-align:right"/>
		  <LI class=menuparent>
			<A href="projetos.asp" style="text-indent:25px; cursor:hand;">Cases & Solutions</A>
		  <LI style="background-image:url(images/div_menu_2_canto.gif)"><img src="images/div_menu_2.gif" style="text-align:right"/>
		  <LI class=menuparent>
			<A href="eventos.asp" style="text-indent:25px; cursor:hand;">Eventos</A>
		  <LI style="background-image:url(images/div_menu_2_canto.gif)"><img src="images/div_menu_2.gif" style="text-align:right"/>
		  <LI class=menuparent>
			<A href="cliente.asp" style="text-indent:25px; cursor:hand;">Nossos Clientes</A>
		  <LI style="background-image:url(images/div_menu_2_canto.gif)"><img src="images/div_menu_2.gif" style="text-align:right"/>
		  <LI class=menuparent>
			<A href="contato.asp" style="text-indent:25px; cursor:hand;">Contato</A>
			</LI>
	</UL></td>
  </tr>
  
  <tr>
	<td colspan="3"><img src="images/div_menu_2.jpg" width="187" height="10" /></td>
  </tr>
  
  <tr>
	<td width="22" class="lateral"> </td>
	<td width="18"> </td>
	<td width="139" class="fundo_menu"> </td>
  </tr>
  <tr>
	<td class="lateral"> </td>
	<td colspan="2" align="center" valign="middle"  class="fundo_menu"><iframe name="SOS_status" src="http://www.paulistaonline.com.br/dshow/sos/status.asp" class="fundo_menu" style="width:145;height:72" scrolling="no" frameborder="0"></iframe>	</td>
  </tr>
  <tr>
	  <td class="lateral"> </td>
	<td colspan="2" align="center" valign="middle"  class="fundo_menu"></td>
  </tr>
  <tr>
	<td colspan="3"><img src="images/div_menu_2.jpg" width="187" height="10" /></td>
  </tr>
  
  <tr>
	<td colspan="3" class="lateral"><img src="images/rodape_menu.jpg" width="187" height="46" /></td>
  </tr>
</table>

 

Obrigado pela ajuda

Compartilhar este post

Link para o post
Compartilhar em outros sites

klaygomes    0

klaygomes
Postado

Como assim, não entendi, seria possível você explicar?

 

ps* bonito menu.

Compartilhar este post

Link para o post
Compartilhar em outros sites

filipescoob    1

filipescoob
Postado

O problema é que quando passo o mouse queria que a imagem de fundo mudasse ou a cor de fundo, mas não estou conseguindo fazer isso.... e tambem tem um espaço em branco que nao consigo retirar...

 

Ja estou a quase 2 semanas estacionado neste menu... to quase pirando...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito