Foros del Web » Creando para Internet » CSS »

Menu desplegable CSS, a veces no despliega...

Estas en el tema de Menu desplegable CSS, a veces no despliega... en el foro de CSS en Foros del Web. Amigos muy buenos días tengo una consulta, a los mejor les paso... Sucede que estoy implementando un menú desplegable en CSS(menú horizontal superior de color ...
  #1 (permalink)  
Antiguo 04/08/2010, 10:20
 
Fecha de Ingreso: diciembre-2002
Ubicación: Jr Jose de la Mar 360 Urb Sata Luzmila - Lima (07)
Mensajes: 67
Antigüedad: 15 años
Puntos: 0
Menu desplegable CSS, a veces no despliega...

Amigos muy buenos días tengo una consulta, a los mejor les paso...

Sucede que estoy implementando un menú desplegable en CSS(menú horizontal superior de color azul) que pueden ver en la siguiente dirección:

http://www.avances.com.pe/web2010_nuevo/index.php

Sucede que a veces funciona bien y otros no, me explico porque, luego de que el submenú se despliega este debe ocultarse al sacar el mouse, pero a veces se oculta y en otros casos sigue desplegado, estando en mi misma máquina sucede eso... es puro CSS, será porque por otro lado tengo algún .js que trabaja con estilos y que hace conflicto? Hasta ahora ese problema solo lo he notado para IE con el resto de Navegadores no he tenido problemas....

Espero puedan darme alguna idea de que está sucediendo

Muchas Gracias!
Miguel Angel
  #2 (permalink)  
Antiguo 04/08/2010, 12:12
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: Menu desplegable CSS, a veces no despliega...

Saludos!

No sé con que versión de IE te sucede ya que lo veo con IE8 y va bien.

Para ver lo que dices del JS te aconsejo que lo quites y pruebes. Si se queda bien, era el JS, si se sigue trabando, no.

Hasta Luego!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 04/08/2010, 14:16
 
Fecha de Ingreso: diciembre-2002
Ubicación: Jr Jose de la Mar 360 Urb Sata Luzmila - Lima (07)
Mensajes: 67
Antigüedad: 15 años
Puntos: 0
Respuesta: Menu desplegable CSS, a veces no despliega...

Hola Calizman, lo he testeado en IE6, IE7, IE8, FIREFOX Y CRHOME.

En IE7 pasa ese problema.

Esta es otra manera de darse cuenta... Si entro http://www.avances.com.pe/web2010_nuevo/index.php muevo el mouse sobre el menú (sin hacer click), todo esta ok, luego dejo la ventana tal cual por un tiempo, digamos unos 5 minutos, paso de nuevo el mouse sobre el menu y sale el problema, las subopciones no se esconden. Estoy revisando los .JS pero nada... seguiré intentando..

Saludos y gracias!
Miguel
  #4 (permalink)  
Antiguo 09/08/2010, 19:03
 
Fecha de Ingreso: diciembre-2002
Ubicación: Jr Jose de la Mar 360 Urb Sata Luzmila - Lima (07)
Mensajes: 67
Antigüedad: 15 años
Puntos: 0
Respuesta: Menu desplegable CSS, a veces no despliega...

Hola amigos, ya tengo una referencia del porque me sale el error... si doy click a una zona fuera de la página (por ejemplo a los lados) y vuelvo a pasar el mouse por el menu.. las subopciones se quedan desplegadas... algunos href estan con "#", voy a ver revisarlo en detalle.. espero tambien puedan darme una ayuda.

Gracias!
MIGUEL
__________________
Miguel Guerrero
Gráfica Publicitaria & Web
Lima - Peru
  #5 (permalink)  
Antiguo 09/08/2010, 19:11
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 3 meses
Puntos: 2113
Respuesta: Menu desplegable CSS, a veces no despliega...

Dado que no tienes efectos de transicion, podrias hacer el menu sin Javascript, lo que ademas tambien te ayudaria a que los buscadores puedan indexar todo tu sitio. Puedes ver algunos ejemplos en www.araudi.net, creados por un genio del CSS.
__________________
- León, Guanajuato
- GV-Foto
  #6 (permalink)  
Antiguo 10/08/2010, 15:44
 
Fecha de Ingreso: diciembre-2002
Ubicación: Jr Jose de la Mar 360 Urb Sata Luzmila - Lima (07)
Mensajes: 67
Antigüedad: 15 años
Puntos: 0
Respuesta: Menu desplegable CSS, a veces no despliega...

Hola Triby gracias por el dato, de todas maneras descargare alguno de esos menus para trabajarlos. Sin embarlo igual deseo resolver este problema.

Tengo una info adicional. Mi menu usa este pequeño script:


sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagNam e("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

La verda es qeu se poco de Java o Jscript...

En FF y Chrome el menú esta excelente, el problema esta en el IE (6, 7 y 8) que el submenu se queda desplegado luego de dar clic a cualquier zona de la página.

He subido el menú solo en la siguietne url:

http://www.avances.com.pe/web2010_nu...nu_prueba.html

Gracias por la atención!
Miguel
  #7 (permalink)  
Antiguo 11/08/2010, 14:14
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 3 meses
Puntos: 2113
Respuesta: Menu desplegable CSS, a veces no despliega...

Bueno, te recomiendo colocar aqui el CSS del menu, para ver si podemos encontrar el problema.
__________________
- León, Guanajuato
- GV-Foto
  #8 (permalink)  
Antiguo 11/08/2010, 18:19
 
Fecha de Ingreso: diciembre-2002
Ubicación: Jr Jose de la Mar 360 Urb Sata Luzmila - Lima (07)
Mensajes: 67
Antigüedad: 15 años
Puntos: 0
Respuesta: Menu desplegable CSS, a veces no despliega...

Hola Triby gracias por el interés

CODIGO CSS:
-----------------


BODY {
FONT-FAMILY: Trebuchet MS, Arial, Helvetica, sans-serif;
}
img {
border:0px;
}
#nav {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
LINE-HEIGHT: 1;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:11px;
}
#nav UL {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
LINE-HEIGHT: 1;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;/*width:250px;*/
}
#nav A {
DISPLAY: block;
WIDTH: 16em;
color:#FFFFFF;
text-decoration:none;
}
#nav LI {
FLOAT: left;/*WIDTH: 10em;*/

}
#nav LI UL {
BACKGROUND: white;
LEFT: -999em;
WIDTH: 16em;
POSITION: absolute;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #072294;
border-right-color: #072294;
border-left-color: #072294;
}
#nav LI UL A {
padding:0.5em;
border-bottom-color:#072294;
border-bottom-style:solid;
border-bottom-width:1px;
WIDTH: 15em;
color:#072294;
}
#nav LI UL A:hover {
background-color:#072294;
color:#ffffff;
}
#nav LI UL UL {
/*MARGIN: -2.4em 0px 0px 16em;*/
MARGIN: -2.22em 0em 0em 16em !important;
BACKGROUND: white;
}
#nav LI UL UL UL {
MARGIN: -2.22em 0em 0em 16em !important;
BACKGROUND: white !important;
}
#nav LI:hover UL UL {
LEFT: -999em;
}
#nav LI:hover UL UL UL {
LEFT: -999em;
}
#nav LI.sfhover UL UL {
LEFT: -999em;
}
#nav LI.sfhover UL UL UL {
LEFT: -999em;
}
#nav LI:hover UL {
LEFT: auto;
}
#nav LI LI:hover UL {
LEFT: auto;
}
#nav LI LI LI:hover UL {
LEFT: auto;
}
#nav LI.sfhover UL {
LEFT: auto;
}
#nav LI LI.sfhover UL {
LEFT: auto;
}
#nav LI LI LI.sfhover UL {
LEFT: auto;
}
#content {
CLEAR: left;
COLOR: #ccc;
}



CODIGO JAVASCRIPT:
--------------------------


sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagNam e("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


El menú trabaja solo con esos 2 archivos.

GraciasMiguel

Etiquetas: desplegable
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 15:13.