Menu Horizontal
Ola, estou tendo um problema com um menu drop down, o problema é o seguinte:
No Mozila o menu funciona corretamente, mas no IE o menu só mostra o 1° sub-menu ( mouse houver) o 2° não funciona.
Abaixo segue o código HTML e CSS
html:
<html>
<head>
<title>:: Pack and Go! ::</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style media="all" type="text/css">
@import "menu/menu_style.css";background-image: url(images/fd000.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menor {
font-size:13px;
}
.Mmenor {
font-size:10px;
}
.style1 {
font-size: 14px;
font-weight: bold;
}
</style>
<script type="text/JavaScript">function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="11" background="imagens\fd00.gif" onLoad="MM_preloadImages('imagens/img01a.jpg','imagens/img02a.jpg','imagens/img03a.jpg','imagens/img04a.jpg')">
<table width="935" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="935" height="244" background="images/hist.jpg" valign="top"><!--DWLayoutEmptyCell--> </td>
</tr>
<tr>
<td width="935" height="28" background="images/index_3.gif">
<div class="menu">
<ul>
<li><a href="index.html" target="_self" >HOME</a></li>
<li><a href="historico.html" target="_self" >HISTÓRICO</a></li>
<li><a hre="servico.html" target="_self" >SERVIÇOS</a>
<ul>
<li><a hre="local.html" target="_self">LOCAL</a>
<ul>
<li><a href="atendimento.html">Atendimento</a></li>
<li><a href="orcamento.html" target="_self">Orçamento</a></li>
<li><a href="coleta+empacotamento.html">Coleta + Empacotamento</a></li>
<li><a href="armazenagem.html">Armazenagem</a></li>
<li><a href="rodoviario.html">Rodoviário</a></li>
<li><a href="aereo.html">Aéreo</a></li>
<li><a href="entrega.html">Entrega</a></li>
</ul>
</li>
<li><a hre="#" target="_self">INTERNACIONAL</a>
<ul>
<li><a href="atendimento.html">Atendimento</a></li>
<li><a href="orcamento.html" target="_self">Orçamento</a></li>
<li><a href="coleta+empacotamento.html">Coleta + Empacotamento</a></li>
<li><a href="armazenagem.html">Armazenagem</a></li>
<li><a href="rodoviario.html">Rodoviário</a></li>
<li><a href="aereo.html">Aéreo</a></li>
<li><a href="maritimo.html">Maritimo</a></li>
<li><a href="excesso de bagagem.html">Excesso de Bagagem</a></li>
<li><a href="entrega.html">Entrega</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="contato.html" target="_self" >CONTATO</a>
</li>
</ul>
</div>
</td>
</tr>
<tr>
<td width="935" height="18" bgcolor="#FF0000"></td>
</tr>
<tr>
<td width="935" height="19" bgcolor="#00A008"></td>
</tr>
<tr>
<td width="935" height="403" bgcolor="#FFFFFF"><!-- Inicio do Conteudo -->
<table border="0" width="900" cellpadding="0" cellspacing="15" align="center">
<!--DWLayoutTable-->
<tr>
<td width="423" height="300" valign="top" class="menor">
<img src="images/title_hist.gif" width="423" height="24"><br>
<p align="left">A PackandGo! é uma empresa familiar que atua na área de transporte de mudanças na Europa e ao redor do mundo desde 1992. Originaria de uma Pequena Transportadora no Reino Unido, a PackandGo! tem expandido suas operações graças ao excelente trabalho realizado ao longo dos anos. Sediada em Londres (RU), a PackandGo! em meados de 2008 inaugurou sua primeira filial em Lisboa, Portugal. Em julho de 2009, a PackandGo! começou a operar na Espanha, e em breve estará em demais países da Europa. <br>
A PackandGo! é sinônimo de confiança! Os clientes confiam na empresa e sempre indicam seus serviços para amigos e parentes. O sucesso da PackandGo! é o resultado do compromisso em oferecer excelente atendimento e serviço personalizado de alta qualidade, garantindo segurança, conforto e tranqüilidade a todos. A PackandGo! sempre entrega sua carga com segurança e na hora certa! </p></td>
<td width="440" rowspan="2" valign="top">
<table width="440" height="332" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td height="165" background="images/" align="center">
<p><a href="#"></a>
<a href="#"></a>
<a href="#"><img src="images/caixa_hist.jpg" border="0" usemap="#Map"></a><br />
<img src="images/caixa_hist2.jpg" width="440" height="160" border="0" usemap="#Map2"><br />
<a href="#"></a>
<a href="#"></a></p> </td>
</tr>
<tr>
<td height="9"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="27" valign="top"><img src="images/title_Pack_Go2.gif" width="423" height="42"></td>
</tr>
<tr>
<td height="121" colspan="2" valign="top" class="menor">“Em Outubro de 1986, comecei a trabalhar para uma Pequena Empresa de Transportes em Londres, Reino Unido. Em Janeiro de 1988, resolvi abrir minha transportadora prestando serviços para grandes empresas de mudança. Em 1992, formei minha própria empresa de mudanças, a PackandGo! Nos tornamos especialistas nessa área, e em meados de 1992, conhecemos diversos agentes portuários especializados em mudanças na América do Sul, e então nos unimos em rede. Assim que a PackandGo! se expandiu, a família veio trabalhar comigo. Nos oferecemos serviços de armazenamento, coleta de antiquidades, empacotamento e desempacotamento de mudanças também. Atualmente, estamos em processo de busca as maiores premissas para continuar expandir os negócios. Jah estamos operando em Portugal e Espanha, e em breve estaremos em demais países. Nossa maior preocupação é garantir a alta qualidade dos nossos serviços, melhorando sempre”. <br>
<strong> <br>
Alan Palmer, </strong><strong>Presidente da </strong><strong>PackandGo!</strong><strong> </strong></td>
</tr>
<tr>
<td height="5"></td>
<td></td>
</tr>
</table><!-- Fim do Conteudo -->
</td>
</tr>
<tr>
<td>
<img src="images/index_07.gif" width="935" height="17"></td>
</tr>
<tr>
<td width="935" height="25" bgcolor="#00A008" align="center" class="menor"><span class="style1"><font color="FFFFFF"><b>+351 219 941 428 </font></span></td>
</tr>
<tr>
<td width="935" height="77" background="images/index_09.gif" align="center" class="Mmenor"><a href="index.html" class="but">HOME</a> | <a href="historico.html" class="but">HISTÓRICO</a> | <a hre="#" class="but">SERVIÇOS</a> | <a href="contato.html" class="but">CONTATO</a>| <a href="site map.html" class="but">SITE MAP </a><br><br>All Rights Pack and Go! | <a href="#" class="but">Pack and Go! em Português</a> | <a href="#" class="but">Pack and Go! en Español</a> | <a href="#" class="but">Privacy Policy</a></td>
</tr>
</table>
<map name="Map">
<area shape="rect" coords="28,45,141,160" href="#"onClick="MM_openBrWindow('fotos/hist1.html','','width=430,height=300')">
<area shape="rect" coords="164,46,276,159" href="#"onClick="MM_openBrWindow('fotos/hist2.html','','width=430,height=300')">
<area shape="rect" coords="300,46,415,158" href="#"onClick="MM_openBrWindow('fotos/hist3.html','','width=430,height=300')">
</map>
<map name="Map2">
<area shape="rect" coords="25,16,143,130" href="#"onClick="MM_openBrWindow('fotos/hist4.html','','width=430,height=300')">
<area shape="rect" coords="164,17,278,130" href="#"onClick="MM_openBrWindow('fotos/hist5.html','','width=430,height=300')">
<area shape="rect" coords="299,14,413,126" href="#"onClick="MM_openBrWindow('fotos/hist6.html','','width=430,height=300')"></map></body>
</html>CSS:
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
} background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px;
}
.menu li a{
background:#333333 url("images/seperator.gif") bottom right no-repeat;
color:#cccccc;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
background: #999999 url("images/hover2.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul ul, .menu li.over ul ul {
display:none;
left:165;
}
.menu li:hover ul, .menu li li:hover ul, .menu li.over ul, .menu li li.over ul {
display: block;
}
.menu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:225px;
}
.menu li:hover li a{
background:none;
}
.menu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
background:#999999 url('images/hover_sub2.gif') center left no-repeat;
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}
#right {
width: 412px;
height: auto;
margin: 10px;
}a:link {
text-decoration: none;
color: #FF0000;
}a:visited {
text-decoration: none;
color: #FF0000;
}a:hover {
color: #0000FF;
}a:active {
text-decoration: none;
color: #FF0000;
}a.but:link {
text-decoration: none;
color: #333333;
}a.but:visited {
text-decoration: none;
color: #333333;
}a.but:hover {
color: #999999;
}a.but:active {
text-decoration: none;
color: #333333;
}Grato
Kaue Morelli
Discussão (4)
Carregando comentários...