Codigo Menu

Simon_Echecopar · #1 (**permalink**) 25/04/2012, 15:57

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>
<style type="text/CSS">
    .estilo1 {
      width: 0px; height: 0px; display: none;
    }
    .estilo2 {
      width: 0px; height: 0px; display: inherit;
    }
  </style>
  <script type="text/javascript">
    function capa(name)
    {
      var estilo = document.getElementById(name).className;
      if (estilo == "estilo1")
      {
        document.getElementById(name).className = "estilo2";
      }
      else
      {
        document.getElementById(name).className = "estilo1";
      }
    }
  </script>
 <body>
  <img src="Menu.png" usemap="#menu" class="chromestyle" id="chromemenu">
 <map name="menu">
  <area id="Nosotros" onclick="capa(dropmenu1)" shape="rect" coords="50,50,120,80" alt="Nosotros" target="frame" />
 <!--1st drop down menu -->                                                   
  <div id="dropmenu1" name="dropmenu1" class="estilo1">
	<a href="mision.htm">Misiòn</a>
	<a href="Vision.html">Visiòn</a>
  </div>
  <area onclick="capa(dropmenu2)" shape="rect" coords="130,50,220,80" alt="Servicios" target="frame" />
  <!--2nd drop down menu -->                                                
   <div id="dropmenu2" name="dropmenu2" class="estilo1" style="width: 150px;">
    <a href="http://www.cnn.com/">CNN</a>
    <a href="http://www.msnbc.com">MSNBC</a>
    <a href="http://news.bbc.co.uk">BBC News</a>
  </div>
  <area name="dropmenu3" id="dropmenu3" shape="rect" coords="230,50,280,80" alt="Clientes" target="frame" />
  <area name="dropmenu4" id="dropmenu4" shape="rect" coords="290,50,370,80" alt="Productos" target="frame" />
  <!--<area shape="rect" coords="400,50,490,80" href="NoInfo.html" alt="Servicios" target="frame"/>
  <area shape="rect" coords="490,50,550,80" href="NoInfo.html" alt="Servicios" target="frame"/>
  <area shape="rect" coords="580,50,620,80" href="NoInfo.html" alt="Servicios" target="frame"/>-->
  <area name="dropmenu5" shape="rect" coords="640,50,710,80" alt="Contacto" href="contacto.php" />
 </map> 
 </body>
</html>

Tengo este codigo he estado revisandolo y no se como hacerle para que despliegue el menu. El codigo de CSS y Javascript lo saque de otro post de este foro.

No se si me lo puedan revisar y darme una idea de donde puedo hacer para que me despliegue. O me recomienden un tutorial para ver que ideas salen.

C2am · #2 (**permalink**) 25/04/2012, 23:56

Si le pones ancho y alto en 0px, difícilmente se vea algo.

Sobre menus deplegables en css tienes por ejemplo: www.araudi.net

No alcanzo a entender lo que estás haciendo. Es demasiado para un simple menú.

Saludos

Simon_Echecopar · #3 (**permalink**) 26/04/2012, 15:21

Asì me piden, te entiendo