(Resolvido) Celula Com trasparencia

Willian K. · Fevereiro 12, 2009

Preciso fazer o seguinte:

eu fiz um menu em java script e , no momento que eu passo com o mouse o menu horizontal desce e as celulas ficam amostras.

queria deixalas como no site da ALDO

http://www.aldo.com.br

com aquela trasparenciazinha

alguém pode me ajudar.

obrigado.

fercosmig · Fevereiro 12, 2009

como está tentando fazer?

posta seu código ae

Willian K. · Fevereiro 17, 2009

como está tentando fazer?
posta seu código ae

ai vai o código

<html>

<head>

<style type="text/css">

body { font: normal 62.5% verdana; }

ul#primary-nav,
ul#primary-nav ul {
    margin: 0;
    padding: 0;
/*    width: 600px; */ /* Width of Menu Items */
    border-bottom: 0px; solid #ccc;
    background: #fff;   /* IE6 Bug */
/*    background: blue;  /* IE6 Bug */ cor do fundo dos menus
    font-size: 100%;
    }


ul#primary-nav li {
    position: relative;
    list-style: none;
    display: inline;
        float:left;
    }

ul#primary-nav li a {
    display: block;
    text-decoration: none;
        float:left;
    color: #777;
/*    color: red;   cor das letras do menu */
    padding: 5px;
    border: 0px solid #ccc;
    border-bottom: 1;
    }

/* 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: 0px;   /* Set 1px less than menu width */
    top: 23px;
    }

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; top: 17px;} /* 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-down.gif) right center no-repeat; } 
/* ul#primary-nav li.menuparent { background: yellow url(arrow-down.gif) right center no-repeat; } Cor dos que tem o -> */

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #fdfdfd; }
/*ul#primary-nav li.over { background-color: blue } cor da selecao quando tem submenu */

ul#primary-nav li a:hover { color: orange;  }
/*ul#primary-nav li a:hover { color: blue; background-color: blue} cor da letra dos menus com selecao / cor do fundo */

</style>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>menu</title>
</head>

<body>

</body>

</html>
<!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>
<meta name="keywords" content="tutorial,acessibilidade,css,css menu,estilo,folhas estilo,layout css,layout sites,menu css,paginas web,tutorial css,web design,web standards,webdesign,tableless" />
<meta name="description" content=" Tutoriais, macetes, dicas sobre uso das CSS para projetar sites." />
<meta name="author" content="Nick Rigby" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="Pragma" content="no-cache" />
<meta name="robots" content="all" />
<meta name="language" content="pt-br" />
<meta name="ICBM" content="-22.975781,-43.193082" />
<meta name="DC.title" content="CSS para Web Design" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Horizontal Drop Down Menus - Parte 3</title>
&lt;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>

</head>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">

<body>
<ul id="primary-nav">
  <li class="menuparent"><a href="#"><font size="2">Inicio</font></a>
    <li class="menuparent"><a href="#"><font size="2">Consultoria em T.I.</font></a>
  <li class="menuparent"><a href="#"><font size="2">Suporte Técnico</font></a>
  <ul style="position: absolute; left: 0px; top: 26px; width: 131px; height:19px" id="consultoria">
		<li>
		<table border="0" width="100%" id="table28" cellspacing="0" cellpadding="0" style="border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; border-top-width: 1px; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
			<tr>
				<td><font size="2"><a href="remote.htm">Acesso Remoto</a></font></td>
			</tr>
			<tr>
				<td style="border-top: 1px solid #F4F4F4"><font size="2">
		<a href="chamado.htm">Chamado Técnico</a></font></td>
			</tr>
			<tr>
				<td style="border-top: 1px solid #F4F4F4"><font size="2"><a href="downloads.htm">
				Downloads</a></font></td>
			</tr>
		</table>
		</li>
	</ul>
  </li>
  <li class="menuparent"><a href="#"><font size="2">Serviços</font></a><ul style="position: absolute; left: 1px; top: 26px; width: 161px; height:109px">

      <table width="100%" id="table30" cellspacing="0" cellpadding="0" style="border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
		<tr>
			<td>
			<li class="menuparent"><a href="#"><font size="2">MTI PC</font></a><ul style="position: absolute; left: 160px; top: 20px; width:177px; height:88px">
          <li>
<table border="0" cellpadding="0" cellspacing="0" width="180" id="table1" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
  <tr>
   <td><b><font face="Arial">
	  M.T.I. PC</font></b></td>
  </tr>
  <tr>
   <td>
	<font color="#333333" size="2" face="Arial"> - Instalação de S. Operacional<br>
	 - Instalação de Drivers<br>
	 - Instalação de Aplicativos</font></td>
  </tr>
  <tr>
   <td>
	<p align="right"><b><font face="Arial" color="#e67a18">R$ 30,00</font><font face="Arial" color="#e67a18" size="2">   </font></b></td>
  </tr>
</table>
			</li>

        </ul></td>
		</tr>
		<tr>
			<td style="border-top: 1px solid #F4F4F4"><li class="menuparent"><font size="2"><a href="#">
			MTI PC+</a></font><ul style="position: absolute; left: 160px; top: -1px; width:180px; height:50px">
          <li>
<table border="0" cellpadding="0" cellspacing="0" width="188" id="table3" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
  <tr>
   <td><font face="Arial"><b>  M.T.I. PC+</b></font></td>
  </tr>
  <tr>
   <td rowspan="3">
	<font face="Arial" color="#333333" size="2"> - Instalação de S. Operacional<br>
	 - Instalação de Drivers<br>
	 - Instalação de Aplicativos<br>
	 - Backup</font><font face="Arial"><b><font color="#e67a18" size="2"><br>                              </font>
	<font color="#e67a18">R$ 45,00</font></b></font></td>
  </tr>
</table>
			</li>
        </ul></td>
		</tr>
		<tr>
			<td style="border-top: 1px solid #F4F4F4"><li class="menuparent"><font size="2"><a href="#">
			MTI Plus</a></font><ul style="position: absolute; left: 160px; top: -22px; width:183px; height:50px">
          <li>
<table border="0" cellpadding="0" cellspacing="0" width="191" id="table12" style="border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
  <tr>
   <td><font face="Arial"><b>  M.T.I. Plus</b></font></td>
  </tr>
  <tr>
   <td rowspan="3">
	<font face="Arial" style="font-size: 9pt" color="#333333"> - Instalação de 
	S. Operacional<br>
	 - Instalação de Drivers<br> - Instalação de Aplicativos<br>
	 - Backup em CD/DVD até 20GB<br> - Limpeza Física<b><br></b></font><b>
	<font face="Arial" color="#FF9900">                              </font>
	<font face="Arial" color="#E67A18">R$ 60,00</font></b></td>
  </tr>
</table>
			</li>
        </ul></td>
		</tr>
		<tr>
			<td style="border-top: 1px solid #F4F4F4">      <li class="menuparent"><a href="#"><font style="font-size: 9pt">
			MTI Plus+</font></a><ul style="position: absolute; left: 160px; top: -43px; width:180px; height:50px">
          <li>
<table border="0" cellpadding="0" cellspacing="0" width="191" id="table19" style="border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
  <tr>
   <td><font face="Arial"><b>  M.T.I. Plus+</b></font></td>
  </tr>
  <tr>
   <td rowspan="3">
	<font style="FONT-SIZE: 9pt" color="#333333" face="Arial">
	 - Instalação de S. Operacional<br>
	 - Instalação de Drivers<br> - Instalação de Aplicativos<br>
	  -Backup em CD/DVD até 20GB <br> - Limpeza Física<br> - Busca e Entrega</font><font face="Arial" style="font-size: 9pt" color="#333333"><b><br></b></font><b>
	<font face="Arial" color="#FF9900">                              </font>
	<font face="Arial" color="#E67A18">R$ 70,00</font></b></td>
  </tr>
</table>
			</li>
        </ul></td>
		</tr>
		<tr>
			<td style="border-top: 1px solid #F4F4F4"><li class="menuparent">
			<font size="2"><a href="#">MTI Services</a></font><ul style="position: absolute; left: 160px; top: -62px; width:177px; height:37px">
          <li>
<table border="0" cellpadding="0" cellspacing="0" width="180" id="table25" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
  <tr>
   <td><b><font face="Arial">
	  M.T.I. Services</font></b></td>
  </tr>
  <tr>
   <td>
	<span style="font-weight: 700">
	<font face="Century Gothic" style="font-size: 9pt" color="#333333"> -</font></span><font face="Arial" style="font-size: 9pt" color="#333333"> 
	Remoção de Vírus e Spywares<br>
	 - Reparo de Arquivos <br> - Reparo de Registros<br>
	 - Atualização de aplicativos</font></td>
  </tr>
  <tr>
   <td>
	<p align="right"><b><font face="Arial" color="#e67a18">R$ 30,00</font><font face="Arial" color="#e67a18" size="2">   </font></b></td>
  </tr>
</table>
			</li>
        </ul></td>
		</tr>
		<tr>
			<td style="border-top: 1px solid #F4F4F4"><li class="menuparent">
			<font size="2"><a href="#">MTI Services+</a></font><ul style="position: absolute; left: 160px; top: -83px; width:175px; height:50px">
          <li>
<table border="0" cellpadding="0" cellspacing="0" width="180" id="table15" style="border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
  <tr>
   <td><b><font face="Arial">
	  M.T.I. Services+</font></b></td>
  </tr>
  <tr>
   <td>
	<font face="Arial" style="font-size: 9pt" color="#333333"> - Remoção de 
	Vírus e Spywares<br>
	 - Reparo de Arquivos <br> - Reparo de Registros<br>
	 - Atualização de aplicativos<br>
	 - Limpeza Física</font></td>
  </tr>
  <tr>
   <td>
	<p align="right"><b><font face="Arial" color="#e67a18">R$ 40,00</font><font face="Arial" color="#e67a18" size="2">   </font></b></td>
  </tr>
</table>
			</li>
        </ul></td>
		</tr>
		<tr>
			<td style="border-top: 1px solid #F4F4F4"><li class="menuparent"><font size="2"><a href="#">
			MTI Office</a></font><ul style="position: absolute; left: 160px; top: -104px; width:193px; height:50px">
          <li>
<table border="0" cellpadding="0" cellspacing="0" width="195" id="table26" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
  <tr>
   <td><b><font face="Arial">
	  M.T.I.  Office</font></b></td>
  </tr>
  <tr>
   <td>
	<font style="FONT-SIZE: 9pt" face="Arial" color="#333333">
	 - Atendimento no Local  (Agendar   Horário)<br>
	 - Suporte Técnico para equipamentos. softwares e internet.<br>
	 - Auxílio aos usuários na utilização do Windows e outros softwares.</font></td>
  </tr>
  <tr>
   <td>
	<p align="right"><b><font face="Arial" color="#e67a18">R$ 50,00</font><font face="Arial" color="#e67a18" size="2">   </font></b></td>
  </tr>
</table>
			</li>
        </ul></td>
		</tr>
		<tr>
			<td style="border-top: 1px solid #F4F4F4">      <li class="menuparent"><font size="2"><a href="#">
			MTI Office+</a></font><ul style="position: absolute; left: 160px; top: -125px; width:211px; height:50px">
          <li>
<table border="0" cellpadding="0" cellspacing="0" width="211" id="table27" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
  <tr>
   <td><b><font face="Arial">
	  M.T.I.  Office+</font></b></td>
  </tr>
  <tr>
   <td>
	<font style="FONT-SIZE: 9pt" face="Arial" color="#333333">
	 - Atendimento no Local  (Até 2Hrs)<br>
	 - Suporte Técnico para equipamentos. softwares e internet.<br>
	 - Auxílio aos usuários na utilização do Windows e outros softwares.</font></td>
  </tr>
  <tr>
   <td>
	<p align="right"><b><font face="Arial" color="#e67a18">R$ 70,00</font><font face="Arial" color="#e67a18" size="2">   </font></b></td>
  </tr>
</table>
			</li>
        </ul></td>
		</tr>
		<tr>
			<td style="border-top: 1px solid #F4F4F4"> <li class="menuparent"><font size="2"><a href="#">
			MTI Extra</a></font><ul style="position: absolute; left: 160px; top: -146px; width:252px; height:50px">
          <li>
<table border="0" cellpadding="0" cellspacing="0" width="266" id="table18" style="border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
  <tr>
   <td><b><font face="Arial">  Instalação de Componentes*</font></b></td>
  </tr>
  <tr>
   <td>
	<font style="font-size: 9pt" face="Arial">
	 - Webcam<br> - Impressoras<br> - Placas de vídeo, som e captura<br>  - 
	Modems 7kb à 56k e config. de Modem ADSL</font></td>
  </tr>
  <tr>
   <td>
	<p align="right"><b><font size="1" face="Arial">*no balcão da empresa</font><font face="Arial" color="#e67a18">         
	R$ 15,00</font></b></td>
  </tr>
</table>
			</li>
        </ul></td>
		</tr>
		</table>


      </li>
</ul>
    <li class="menuparent"><a href="#"><font size="2">Soluções para pequenas 
	empresas </font>   </a> 
    <ul style="position: absolute; left: 5px; top: 26px; height: 20px; width:181px">
      <li>
		<table border="0" width="100%" id="table29" cellspacing="0" cellpadding="0" style="border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; border-top-width: 1px; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
			<tr>
				<td><font size="2"><a href="contrato.htm">Contrato de Manutenção</a></font></td>
			</tr>
			<tr>
				<td style="border-top: 1px solid #F4F4F4"><font size="2">
		<a href="cplus.htm">Sistema Comercial</a></font></td>
			</tr>
			<tr>
				<td style="border-top: 1px solid #F4F4F4"><font size="2"><a href="sosbackup.htm">
				Sistema de Backup</a></font></td>
			</tr>
			<tr>
				<td style="border-top: 1px solid #F4F4F4"><font size="2"><a href="rweb.htm">
				Redes</a></font></td>
			</tr>
		</table>
		</li>
    </ul>
  </li>
    <li class="menuparent"><a href="#"><font size="2">Nossos Clientes </font></a>
  <li class="menuparent"><a href="#"><font size="2">Contato</font></a>[/codebox]

cara consegui fazer o que eu queria mas não sei o que acontece porque é assim

tem os menus

exemplo:

Serviços

|-> MTI PC

e o mti pc abre outro sub menu , e esse sub menu não abre depois q eu apliquei o codigo da linha 36 se não me engano, relacionado ao opacity

ai vai o codigo

[codebox]<html>

<head>

<style type="text/css">

body { font: normal 62.5% verdana; }

ul#primary-nav,
ul#primary-nav ul {
margin: 0;
padding: 0;
border-bottom: 0px; solid #ccc;
background: #fff; /* IE6 Bug */
font-size: 100%;
}

ul#primary-nav li {
position: relative;
list-style: none;
display: inline;
float:left;
}

ul#primary-nav li a {
display: block;
text-decoration: none;
float:left;
color: #777;
padding: 5px;
border: 0px solid #ccc;
border-bottom: 1;
}

ul#primary-nav ul { opacity:.25;filter: alpha(opacity=78); -moz-opacity: 0.25;
position: absolute;
display: none;
left: 0px;
top: 23px;

ul#primary-nav li ul li a { padding: 2px 5px; }

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; top: 17px;}

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:hover,
ul#primary-nav li.over { background-color: #fdfdfd; }

ul#primary-nav li a:hover { color: orange; }

</style>
<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>

</head>
</html>
<body bgcolor="#000000">
<ul id="primary-nav">
<li class="menuparent"><a href="#">Inicio</a>
<li class="menuparent"><a href="#">Consultoria em T.I.</a>
<li class="menuparent"><a href="#">Suporte Técnico</a>
<ul style="position: absolute; left: 0px; top: 26px; width: 131px; height:19px" id="consultoria">
<li>
<style type="text/css"> opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;></style>
<table border="0" width="100%" id="table28" cellspacing="0" cellpadding="0" style="border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; border-top-width: 1px; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td><a href="remote.htm">Acesso Remoto</a></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4">
<a href="chamado.htm">Chamado Técnico</a></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"><a href="downloads.htm">
Downloads</a></td>
</tr>
</table>
</li>
</ul>
</li>
<li class="menuparent"><a href="#">Serviços</a><ul style="position: absolute; left: 0px; top: 26px; width: 161px; height:109px">

<table width="100%" id="table30" cellspacing="0" cellpadding="0" style="border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>
<li class="menuparent"><a href="#">MTI PC</a><ul style="position: absolute; left: 160px; top: 20px; width:177px; height:88px">
<li>
<table border="0" cellpadding="0" cellspacing="0" width="180" id="table1" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>
  M.T.I. PC</td>
</tr>
<tr>
<td>
 - Instalação de S. Operacional 
 - Instalação de Drivers 
 - Instalação de Aplicativos</td>
</tr>
<tr>
<td>
R$ 30,00   </td>
</tr>
</table>
</li>

</ul></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"><li class="menuparent"><a href="#">
MTI PC+</a><ul style="position: absolute; left: 160px; top: -1px; width:180px; height:50px">
<li>
<table border="0" cellpadding="0" cellspacing="0" width="188" id="table3" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>  M.T.I. PC+</td>
</tr>
<tr>
<td rowspan="3">
 - Instalação de S. Operacional 
 - Instalação de Drivers 
 - Instalação de Aplicativos 
 - Backup                               
R$ 45,00</td>
</tr>
</table>
</li>
</ul></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"><li class="menuparent"><a href="#">
MTI Plus</a><ul style="position: absolute; left: 160px; top: -22px; width:183px; height:50px">
<li>
<table border="0" cellpadding="0" cellspacing="0" width="191" id="table12" style="border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>  M.T.I. Plus</td>
</tr>
<tr>
<td rowspan="3">
 - Instalação de
S. Operacional 
 - Instalação de Drivers  - Instalação de Aplicativos 
 - Backup em CD/DVD até 20GB  - Limpeza Física 
                              
R$ 60,00</td>
</tr>
</table>
</li>
</ul></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"> <li class="menuparent"><a href="#">
MTI Plus+</a><ul style="position: absolute; left: 160px; top: -43px; width:180px; height:50px">
<li>
<table border="0" cellpadding="0" cellspacing="0" width="191" id="table19" style="border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>  M.T.I. Plus+</td>
</tr>
<tr>
<td rowspan="3">

 - Instalação de S. Operacional 
 - Instalação de Drivers  - Instalação de Aplicativos 
  -Backup em CD/DVD até 20GB  - Limpeza Física  - Busca e Entrega 
                              
R$ 70,00</td>
</tr>
</table>
</li>
</ul></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"><li class="menuparent">
<a href="#">MTI Services</a><ul style="position: absolute; left: 160px; top: -62px; width:177px; height:37px">
<li>
<table border="0" cellpadding="0" cellspacing="0" width="180" id="table25" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>
  M.T.I. Services</td>
</tr>
<tr>
<td>

 -
Remoção de Vírus e Spywares 
 - Reparo de Arquivos   - Reparo de Registros 
 - Atualização de aplicativos</td>
</tr>
<tr>
<td>
R$ 30,00   </td>
</tr>
</table>
</li>
</ul></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"><li class="menuparent">
<a href="#">MTI Services+</a><ul style="position: absolute; left: 160px; top: -83px; width:175px; height:50px">
<li>
<table border="0" cellpadding="0" cellspacing="0" width="180" id="table15" style="border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>
  M.T.I. Services+</td>
</tr>
<tr>
<td>
 - Remoção de
Vírus e Spywares 
 - Reparo de Arquivos   - Reparo de Registros 
 - Atualização de aplicativos 
 - Limpeza Física</td>
</tr>
<tr>
<td>
R$ 40,00   </td>
</tr>
</table>
</li>
</ul></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"><li class="menuparent"><a href="#">
MTI Office</a><ul style="position: absolute; left: 160px; top: -104px; width:193px; height:50px">
<li>
<table border="0" cellpadding="0" cellspacing="0" width="195" id="table26" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>
  M.T.I.  Office</td>
</tr>
<tr>
<td>

 - Atendimento no Local  (Agendar   Horário) 
 - Suporte Técnico para equipamentos. softwares e internet. 
 - Auxílio aos usuários na utilização do Windows e outros softwares.</td>
</tr>
<tr>
<td>
R$ 50,00   </td>
</tr>
</table>
</li>
</ul></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"> <li class="menuparent"><a href="#">
MTI Office+</a><ul style="position: absolute; left: 160px; top: -125px; width:211px; height:50px">
<li>
<table border="0" cellpadding="0" cellspacing="0" width="211" id="table27" style="border-left-width: 1px; border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>
  M.T.I.  Office+</td>
</tr>
<tr>
<td>

 - Atendimento no Local  (Até 2Hrs) 
 - Suporte Técnico para equipamentos. softwares e internet. 
 - Auxílio aos usuários na utilização do Windows e outros softwares.</td>
</tr>
<tr>
<td>
R$ 70,00   </td>
</tr>
</table>
</li>
</ul></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"> <li class="menuparent"><a href="#">
MTI Extra</a><ul style="position: absolute; left: 160px; top: -146px; width:252px; height:50px">
<li>
<table border="0" cellpadding="0" cellspacing="0" width="266" id="table18" style="border-right: 1px solid #F4F4F4; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td>  Instalação de Componentes*</td>
</tr>
<tr>
<td>

 - Webcam  - Impressoras  - Placas de vídeo, som e captura  -
Modems 7kb à 56k e config. de Modem ADSL</td>
</tr>
<tr>
<td>
*no balcão da empresa        
R$ 15,00</td>
</tr>
</table>
</li>
</ul></td>
</tr>
</table>

</li>
</ul>
<li class="menuparent"><a href="#">Soluções para pequenas
empresas </a>
<ul style="position: absolute; left: 0px; top: 26px; height: 20px; width:181px">
<li>
<table border="0" width="100%" id="table29" cellspacing="0" cellpadding="0" style="border-left: 1px solid #F4F4F4; border-right: 1px solid #F4F4F4; border-top-width: 1px; border-bottom: 1px solid #F4F4F4; background-color: #FDFDFD">
<tr>
<td><a href="contrato.htm">Contrato de Manutenção</a></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4">
<a href="cplus.htm">Sistema Comercial</a></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"><a href="sosbackup.htm">
Sistema de Backup</a></td>
</tr>
<tr>
<td style="border-top: 1px solid #F4F4F4"><a href="rweb.htm">
Redes</a></td>
</tr>
</table>
</li>
</ul>
</li>
<li class="menuparent"><a href="#">Nossos Clientes </a>
<li class="menuparent"><a href="#">Contato</a>
</body>
</html>

desde já agradeço

Resolvido!

é só criar uma DIV Flutuante e colocar o style

style="opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.90"

ficando o codigo

<div style="position: absolute;  opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.90  width: 100px; height: 100px; z-index: 2" id="camada2">
(codigo do menu)
</div>

Muito obrigado por terem lido e tentado ajudar

fica ai a dica pra quem tem o mesmo problema..

mas lembre-se que agora um problema maior começou....

fixar a DIV

Entrar

(Resolvido) Celula Com trasparencia

Pergunta

Willian K.

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

Willian K.

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades