Foros del Web » Creando para Internet » HTML »

Menu con submenu desplegable que no se "pincha" bien- CSS

Estas en el tema de Menu con submenu desplegable que no se "pincha" bien- CSS en el foro de HTML en Foros del Web. Hola, He hecho un menu con submenu desplegable para la web: [URL="http://menendez-asesores.com"]http://menendez-asesores.com[/URL] y des desplega perfectamente, pero le encuentro un defecto al querer pinchar sobre ...
  #1 (permalink)  
Antiguo 22/07/2011, 09:47
 
Fecha de Ingreso: julio-2011
Mensajes: 6
Antigüedad: 5 años, 6 meses
Puntos: 0
Mensaje Menu con submenu desplegable que no se "pincha" bien- CSS

Hola,

He hecho un menu con submenu desplegable para la web: [URL="http://menendez-asesores.com"]http://menendez-asesores.com[/URL] y des desplega perfectamente, pero le encuentro un defecto al querer pinchar sobre el menu "padre" a saber sobre los botones " Documentación" y " descargas". No se pincha bien y es dificil abrir la pagina. Porque? Alguna suggestión porque funcciona la?



<div id="menu">


<ul id="menu_horizontal">

<div id="logo"><img class="image" src="server/logo_1.png" border="0px"></div>
<li><a href="menendezasesores_quien_somos.html" title="Quien somos">QUIEN SOMOS</a></li>

<li><a href="asesoria.html" title="Asesoría">ASESORÍA</a>
<ul>
<li><a href="aboral.html">LABORAL</a></li>
<li><a href="fiscal.html" title="Fiscal & contable">FISCAL & CONTABLE</a></li>
<li><a href="proteccion_datos.html">PROTECCIÓN DE DATOS</a></li>
<li><a href="juridico.html" >JURÍDICO</a></li>
</ul>
</li>
<li><a href="contact.html" >DONDE ESTAMOS</a></li>

<li><a href="documentacion.html">DOCUMENTACIÓN </a>
<ul> <li><a href="descargas.html">DESCARGAS</a></li>
</ul>
</li>


</div>




y aqui esta el CSS:



/* Menu horizontal */


ul#menu_horizontal li {
float: left;
display: inline;
position: relative;
top:15px;

z-index:80;}

ul#menu_horizontal ul {
display: none;
position: relative;
top: -10px;
left:-15px;


padding:0;

z-index:80;
}

ul#menu_horizontal ul li {
display: block !important;
}

ul#menu_horizontal li:hover ul{
display: none;
}

ul#menu_horizontal li:hover ul{
display: block;
}


#menu_horizontal {
width:750px;
margin:0 auto;


}

#menu_horizontal li {
margin:0 1px;
margin-left:10px;
width:150px;
height:15px;
text-align:left;
background:#a51984;
list-style:none;
padding-top: 5px;
padding-bottom:1px;
padding-left:15px;
z-index:80;
}

/* y otro poquito por aquí.. */

#menu_horizontal li:hover {
background-color: #7F0F6A;

}

#menu_horizontal li:active {
background-color: #7F0F6A;

}

#menu_horizontal li a {
font:10px "Helvetica",Arial,Helvetica,sans-serif;
color:#FFF;
text-decoration:none;
}

#menu_horizontal li a:hover {
font:10px "Helvetica",Arial,Helvetica,sans-serif;
color:#FFFFF;
text-decoration:none;
}

#menu_horizontal li ul li{
float:none;
width:150px;
margin:1px 0;
}
  #2 (permalink)  
Antiguo 22/07/2011, 11:24
 
Fecha de Ingreso: julio-2011
Mensajes: 6
Antigüedad: 5 años, 6 meses
Puntos: 0
Respuesta: Menu con submenu desplegable que no se "pincha" bien- CSS

Perdón se me ha lvidado decir que no funcciona bien bajo IE 8...las demás versiones no lo se ya que no las tengo!!! Que tengo que cambiar en mi codigo o añadir para que funccione correctamente?!!

Etiquetas: css, desplegable, submenu, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:35.