Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Menú spry horizontal

Estas en el tema de Menú spry horizontal en el foro de CSS en Foros del Web. Hola amigos, he realizado una página web llamada " matydelineacioneinfografia.com ", en ella figura un menú spry horizontal desplegable que funciona correctamente en todos los ...
  #1 (permalink)  
Antiguo 21/06/2013, 15:20
 
Fecha de Ingreso: mayo-2013
Mensajes: 14
Antigüedad: 11 años, 6 meses
Puntos: 0
Menú spry horizontal

Hola amigos, he realizado una página web llamada "matydelineacioneinfografia.com", en ella figura un menú spry horizontal desplegable que funciona correctamente en todos los buscadores, el problema surge cuando abro la página con dispositivos móviles tales como tablets o ifhones, en la pestaña de galería, cuando la pulso primero, no se me despliega, si toco otra pestaña y después pulso de nuevo la de galería si que funciona correctamente, es decir, necesito pulsar otra pestaña antes para para que la de galería me funcione correctamente.
Como os digo, la página solo me da estos problemas en los dispositivos móviles.
Espero vuestra ayuda por si a alguno os ha pasado algo similar.
Muchas gracias.
  #2 (permalink)  
Antiguo 21/06/2013, 17:08
Leonardo_Manrique
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Menú spry horizontal

Imagino que tu menú desplegable lo haces con la pseudo-clase :hover, no es así? Si ese es el caso pues dejame decirte que los navegadores de smartphones y tablets no la soportan.

De todas maneras, podrías subir un poco de código de la página? Tal vez esté en un error y sea otro el problema.

Cheers,
Leo
  #3 (permalink)  
Antiguo 21/06/2013, 17:12
 
Fecha de Ingreso: mayo-2013
Mensajes: 14
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Menú spry horizontal

Gracias por tu respuesta Leonardo, como digo, todas las pestañas del menú funcionan correctamente, menos la pestaña galería, te muestro el código referente al menú:

<div id="menuhorizontal">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">INICIO</a> </li>
<li><a href="hoja_presentacion.html" class="MenuBarItemSubmenu">PRESENTACION</a>
<ul>
<li><a href="hoja_presentacion.html" target="_self">Qui&eacute;nes somos</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">SERVICIOS</a>
<ul>
<li><a href="#">Autocad</a></li>
<li><a href="#">Infograf&iacute;as</a></li>
<li><a href="#">Retoque fotogr&aacute;fico</a></li>
<li><a href="#">Dise&ntilde;o Web</a></li>
<li><a href="#">Animaci&oacute;n</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu">GALERIA</a>
<ul>
<li><a href="hoja_galeria_pozoamargo_1.html" target="_self">Vivienda en el Pozo Amargo. </a></li>
<li><a href="hoja_galeria_claustro_1.html" target="_self">Claustro Catedral</a></li>
<li><a href="hoja_galeria_alcaiceria.html" target="_self">Vivienda en Alcaicer&iacute;a.</a></li>
<li><a href="hoja_galeria_islamico.html" target="_self">Noria Isl&aacute;mica.</a></li>
<li><a href="hoja_galeria_postislamico.html" target="_self">Noria post-Isl&aacute;mica.</a></li>
<li><a href="hoja_galeria_muelas_1.html" target="_self">Mes&oacute;n de las Muelas.</a></li>
<li><a href="hoja_galeria_sixto.html" target="_self">Vivienda en Sixto Ram&oacute;n Parro.</a></li>
<li><a href="hoja_galeria_juanmanuel_1.html" target="self">Palacio de Juan Manuel.</a></li>
<li><a href="hoja_galeria_sotanogreco.html" target="_self">S&oacute;tano Museo del Greco 1.</a></li>
<li><a href="hoja_galeria_sotanogreco_1_2.html" target="_self">S&oacute;tano Museo del Greco 2.</a></li>
<li><a href="hoja_galeria_torre.html">Torre.</a></li>
<li><a href="hoja_galeria_arquitectura_1.html" target="_self">Arquitectura</a></li>
</ul>
</li>
<li><a href="hoja_contacto.html" target="_self">CONTACTO</a></li>
</ul>
</div>
  #4 (permalink)  
Antiguo 21/06/2013, 17:47
 
Fecha de Ingreso: mayo-2013
Mensajes: 14
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Menú spry horizontal

Puntualizar de nuevo que el menú funciona bien en los dispositivos móviles, la única pestaña que me da problemas en los mismos es la de galería, que solo funciona si pulso antes otra pestaña.
  #5 (permalink)  
Antiguo 22/06/2013, 07:22
 
Fecha de Ingreso: mayo-2013
Mensajes: 14
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Menú spry horizontal

Os dejo el link de la página para que probéis en vuestro dispositivos móviles, así podréis comprobar el error que os comento:

www.matydelineacioneinfografia.com

Espero vuestras respuestas.

Gracias!
  #6 (permalink)  
Antiguo 22/06/2013, 09:49
Avatar de pitufoweb  
Fecha de Ingreso: enero-2008
Ubicación: Un Mundo Raro
Mensajes: 1.148
Antigüedad: 16 años, 10 meses
Puntos: 181
Respuesta: Menú spry horizontal

Hola, tu código tiene algunos errores que tal ves sean la causa de tu problema. Revisa tu codigo con alguna herramienta para que te indique los errores como W3C Markup Validation Service.


Saludos
__________________
------------- " La felicidad no llega de afuera, nace desde dentro. " -------------
  #7 (permalink)  
Antiguo 22/06/2013, 12:12
 
Fecha de Ingreso: mayo-2013
Mensajes: 14
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Menú spry horizontal

Muchas gracias por tu respuesta pitufoweb.

He comprobado el código como me has dicho, pero sigo sin entender por qué en los navegadores la página va bien y en los móviles y tablets solo la pestaña galería me da problemas.
He pensado que tal vez el error se produzca en los nombres de los hipervínculos, no deden llevar números??
Gracias por tu aportación.
  #8 (permalink)  
Antiguo 05/07/2013, 05:25
 
Fecha de Ingreso: mayo-2013
Mensajes: 14
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Menú spry horizontal

Hola amigos, he dejado pasar bastante tiempo pero veo que al no tener más respuestas cerraré este tema aunque el problema persiste y a día de hoy no he podido solucionarlo. Gracias a todos los que os habéis tomado el tiempo en responder.
Un saludo.

Etiquetas: horizontal, página, spry
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 22:13.