Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
<HTML>
<HEAD>
<TITLE>Menus</TITLE>
<style>ul {
margin: 0;
padding: 0;
list-style: none;
width: 110px;
font:menu;
font-size: x-small;
}ul li {
position: relative;
}li ul {
position: absolute;
left: 150px;
top: 0;
display: none;
}ul li a {
display: block;
text-decoration: none;
color: #003399;
background: #FFFFFF;
padding: 5px;
border: 1px solid #CCCCCC;
border-bottom: 1;
border-top: 0;
border-Left: 0;
}/ 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;
border-bottom: 1px solid #003399;
}li:hover ul ul, li.over ul ul {
display:none;
}li:hover ul, li li:hover ul, li.over ul,
li li.over ul {
display: block;
}/ Fix IE. Hide from IE Mac \/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/ End /
li a:hover {
background: #003399;
color: #FFFFFF;
font: bold 100%;
}
</style>
<script language="javascript">
over = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" over";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" over\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", over);
</script>
</HEAD>
<BODY>
<table cellpading="0" cellspacing="0" >
<tr>
<td width="150" height="360" valign="top">
<ul id="nav">
<li>
<a href="#">Crm</a>
</li>
<ul>
<li>
<a href="#">Ficha Cadastral</a>
</li>
<li>
<a href="#">Representante</a>
</li>
</ul>
<li>
<a href="#">Pedidos</a>
</li>
<ul>
<li>
<a href="#">Papel</a>
</li>
<li>
<a href="#">Chapas</a>
</li>
<li>
<a href="#">Caixas</a>
</li>
</ul>
<li>
<a href="#">Inclusões</a>
</li>
<ul>
<li>
<a href="#">Doc.Alteracao FT</a>
</li>
<li>
<a href="#">Pre-FT</a>
</li>
<li>
<a href="#">Prospect</a>
</li>
<li>
<a href="#">Especif.Papel Cliente</a>
</li>
<li>
<a href="#">FNC</a>
</li>
</ul>
<li>
<a href="#">Consultas</a>
</li>
<ul>
<li>
<a href="#">Pedidos em Aberto</a>
</li>
<li>
<a href="#">Pesquisa de Pedidos</a>
</li>
<li>
<a href="#">DAs em Aberto</a>
</li>
<li>
<a href="#">Consulta Clientes</a>
</li>
<li>
<a href="#">Generico</a>
</li>
<ul>
<li>
<a href="#">Pré-Ft</a>
</li>
<li>
<a href="#">Ficha Técnica</a>
</li>
</ul>
<li>
<a href="#">Consulta Pap.Ond.</a>
</li>
</ul>
<li>
<a href="#">Documentos</a>
</li>
<ul>
<li>
<a href="#">Manuais</a>
</li>
<li>
<a href="#">Help</a>
</li>
</ul>
<li>
<a href="#">Sair</a>
</li>
</ul>
</td>
</tr>
</table>
</BODY>
</HTML>No matrix website studio funcionou legal segue imagem abaixo
Desde já agradeço antecipadamente.
Christian
Carregando comentários...