Problemas com menu Drop Down do DW

Leonardo P Pereira · Dezembro 20, 2011

olá,

gostaria de tirar uma duvida, eu fiz um menu no Dreamweaver aquele com o nome de Spry,

ele esta funcionando perfeitamente em todos os navegadores, IE do 7 em diante o FireFox o Chrome.

Agora quando vo testa no IE 6 e anteriores (Abaixo), ele fica com certas falhas.

Agora no chrome fica assim:

Olha meu código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

&lt;script src="SpryMenuBar.js" type="text/javascript"></script>
&lt;script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-1640192-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<meta name="description" content="Equipamentos de pintura distribuidor Graco, equipamentos para lixamento e polimento distribuidor Festool, equipamentos para reciclagem de solventes sendo distribuidor Set - Equipamentos de pintura airless, demarcação viaria." />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>W&S Equipamentos - Equipamentos de Pintura Airless - Distribuidor Graco - Distribuidor Festool - Distribuidor Set</title>
<style type="text/css">
<!--
body {
    background-image: url(imgs/meio_esq_r.jpg);
    background-repeat: repeat;
}
td {
}
div {
    font-size: 15px;
}
tr {
    font-size: 14px;
}
tr {
    font-size: 12px;
}
tr {
    font-weight: bold;
}
tr {
    font-family: Verdana, Geneva, sans-serif;
}
td {
    background-image: none;
    background-color: #FFF;
}
a:link {
    color: #3D459B;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #3D459B;
}
a:hover {
    text-decoration: none;
    color: #3D459B;
}
a:active {
    text-decoration: none;
    color: #3D459B;
}
p {
    font-weight: bold;
    color: #000;
}
strong {
    color: #000;
}
td {
    font-family: Arial, Helvetica, sans-serif;
}
p {
    color: #000;
}
td {
    color: #000;
}
p {
    color: #000;
}
p {
    color: #003;
}
-->
</style>

<link rel="shortcut icon" type="image/x-icon" href="http://www.wsequipamentos.com.br/test/favicon.ico">

<link href="SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>

<body>
<center>
  <table width="776" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><img src="imgs/images/top_site_01.jpg" alt="A W&S Equipamentos fornece uma ampla variedade de equipamentos para pintura, entre eles, airless, airless assistido, airspray, para area de construção civil, industrial, automotivo entre outras. Sendo distribuidor festool, graco, e set." width="231" height="103" /></td>
      <td><img src="imgs/images/top_site_02.jpg" alt="Acesse nossas redes sociais, lá você tem as novidades em primeira mão, sobre airless, lixamento, airspray, curiosidades sobre construção civil entre outros. Sendo distribuidor festool, graco, e set." width="545" height="103" border="0" usemap="#Map" /></td>
    </tr>
  </table>
  <table width="776" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="231"><img src="imgs/images/top_site_03.jpg" alt="" width="231" height="35" /></td>
      <td width="545" align="left" valign="top"><ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="index.html">HOME</a></li>
        <li class="MenuBarItemHover"><a href="produtos.html" class="MenuBarItemSubmenu">PRODUTOS</a>
          <ul>
            <li><a href="construcao_civil.html">Construção Civil</a></li>
            <li><a href="madeira.html">Madeira</a></li>
            <li><a href="sinalizacao.html">Demarcação Viária</a></li>
            <li><a href="automotivo.html">Automotivo</a></li>
            <li><a href="construcoes_metalicas.html">Construções Metálicas</a></li>
            <li><a href="regeneradora.html">Regeneradora de Solvente</a></li>
            <li><a href="especial.html">Aplicações Especiais</a></li>
            <li><a href="acessorios.html">Acessórios</a></li>
            </ul>
          </li>
        <li><a href="servicos.html">SERVIÇOS</a></li>
        <li><a href="locacao.html">LOCAÇÃO</a></li>
        <li><a href="estoque.html">ESTOQUE</a></li>
        <li><a href="contato.html">CONTATO</a></li>
      </ul></td>
</tr>
</table>
  <table width="776" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="278" height="45"><img src="imgs/images/top_site_05.jpg" alt="Equipamentos de pintura airless da graco, lixamento da festool, e recuperadora set." width="231" height="45" /></td>
      <td width="498"><img src="imgs/images/top_site_06.jpg" alt="A W&S, fornece treinamentos das maquinas de pintura airless, airless assistidos, airspray. Com as maquinas de lixamento e com a recuperadora de solvente" width="545" height="45" /></td>
    </tr>
  </table>
  <map name="Map" id="Map2">
    <area shape="rect" coords="199,21,233,56" href="http://www.twitter.com/wsequipamentos" />
    <area shape="rect" coords="246,20,281,56" href="http://www.wsequipamentos.blogspot.com" />
    <area shape="rect" coords="291,24,357,51" href="http://www.youtube.com/wsequipamentos" />
  </map>
  <table width="776" border="0" cellspacing="0" cellpadding="0">
    <tr> </tr>
  </table>
  <map name="Map" id="Map">
    <area shape="rect" coords="199,21,233,56" href="http://www.twitter.com/wsequipamentos" />
    <area shape="rect" coords="246,20,281,56" href="http://www.wsequipamentos.blogspot.com" />
    <area shape="rect" coords="291,24,357,51" href="http://www.youtube.com/wsequipamentos" />
  </map>
  <table width="776" height="850" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="850" align="center" valign="top"><p>
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="776" height="400" id="flash/demo" align="top" style="z-index:1">
        <param name="allowScriptAccess" value="sameDomain" />
        <param name="movie" value="flash/flash.swf" />
        <param name="quality" value="high" />
        <param name="bgcolor" value="#ffffff" />
        <embed src="flash/flash.swf" quality="high" bgcolor="#006699" width="776" height="400" name="demo" align="top" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />      
</object>
    </p>
      <table width="776" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td align="center"><p align="center">Sediada  em Americana, desde 1996, a W&S oferece a seus clientes um pacote completo  de soluções na área de pintura, consultoria , treinamento e os  melhores <strong>Equipamentos para lixamento e polimento sendo  distribuidor Festool, equipamentos de pintura sendo distribuidor Graco e ainda  equipamentos para reciclagem de solventes sendo Distribuidor Set</strong><a href="http://www.wsequipamentos.com.br/equipamentos.php"><strong>.</strong></a></p>
            <p align="left">
              - Equipamentos  de preparo de superfície Mbx SP11<br />
              - Hidrojateadoras<br />
              - Lixadeiras  orbitais festool<br />
              - Lixadeiras  rotativas festool <br />
              - Lixadeira  para massa corrida festool<br />
              - Equipamento  de pintura airless elétrico ultra Max 390<br />
              - Equipamento  de pintura airless elétrico ultra Max 490<br />
              - Equipamento  de pintura airless a elétrico Texspray Mark lV<br />
              - Equipamento  de pintura airless elétrico Texspray Mark X <br />
              - Equipamento  de pintura airless a gasolina HD 7900<br />
              - Equipamento  de pintura airless a gasolina Texspray 2030<br />
              - Equipamento  airless de aplicação de massa corrida <br />
              - Equipamento  de aplicação de textura <br />
              - Equipamento  de pintura airspray<br />
              - Equipamento  de pintura HVLP<br />
              - Equipamento  de pintura airless Bicomponente<br />
              - Pistola  de Pintura automática airspray<br />
              - Pistola  de Pintura automática HVLP<br />
              - Pistola  de Pintura automática Airless <br />
              - Sistema  de recirculação de Tinta<br />
              - Sistema  de pintura com aquecimento</p>
            <p align="left">  </p>
            <p>Nossa<a href="http://www.wsequipamentos.com.br/mis_vis_val.php"><strong> missão</strong></a> é  fornecer soluções para pintura, com o objetivo de satisfazer nosso cliente  quanto a qualidade, atendimento e treinamento.<br />
              Entre  nossos <strong>equipamentos de  pintura</strong> temos uma linha <strong>construção  civil</strong>, demarcação viária, sinalização viária, linha<strong> industrial</strong>,<strong> finishing</strong>(acabamento)  entre outros.<br />
              Nossa  equipe de atendimento é especialista em analisar as suas necessidades e  oferecer os melhores produtos e serviços de forma inteligente, econômica e  rápida, pois, nossos profissionais, além de conhecerem o funcionamento dos  nossos<a href="http://www.wsequipamentos.com.br/produtos.html"><strong> equipamentos</strong></a>,  entendem da aplicação de tintas e revestimentos.<br />
              Neste  site você pode consultar todos os nossos produtos e<br />
              formas de utilização, nossos equipamentos para pintura são de facil utilização.<br />
              Cada  equipamento neste site tem um video de instrução.<br />
              Também  possuímos as melhores condições e variedade de <a href="http://www.wsequipamentos.com.br/produtos.html"><strong>equipamentos para locação.</strong></a><br />
              <br />
              O nosso trabalho de costumização é internacionalmente reconhecido.<br />
              Somos especialistas na <a href="http://www.wsequipamentos.com.br/produtos.html"><strong>adaptação de equipamentos</strong></a> para <a href="http://www.wsequipamentos.com.br/produtos.html"><strong>necessidades</strong><strong><br />
                <strong>especiais de aplicação</strong></strong></a> de <a href="http://www.wsequipamentos.com.br/produtos.html"><strong>produtos específicos</strong></a>.</p>
            <p> </p></td>
          </tr>
      </table>
      <p><img src="imgs/images/submenu.gif" width="776" height="34" /></p></td>
    </tr>
</table>
</center>
<p> </p>
<p> </p>
<p> </p>
&lt;script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"file:///SpryMenuBarDownHover.gif", imgRight:"file:///SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

Gostaria de saber como arrumar para funcionar no IE 6 e nos anteriores.

Obrigado desde já.

rickynavas · Dezembro 30, 2011

Olá,

tente usar:

z-index: 999;

no estilo da id MenuBar1 (#MenuBar1)

999 pode parecer exagero mas não sabemos o z-index na imagem q estah ficando por cima :)

Entrar

Problemas com menu Drop Down do DW

Pergunta

Leonardo P Pereira

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

rickynavas

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades