Problema con li

[lamale85]

Hola buenas,

Tengo un problema y es el siguiente, tengo una especie de menú hecha con <li> y algunas opciones dentro tienen una especie de submenú con <p>. Dentro de <li> y <p> he puesto onclick que redirecciona a otra página.

El problema es que si pincho sobre los <li> no hay problema, hacen lo que quiero pero si pincho sobre los <p> que están dentro no. Esto paso con IE7, con IE8 va perfectamente.

¿Por qué puede ser? os dejo el código a ver si queda más claro.

Código PHP:

 <ul>
        <li onclick="location.href='../hotel/continicio.php'" onmouseover='this.style.cursor="pointer"'>Inicio</li>
        <li onclick="location.href='../hotel/elhotel.php'" onmouseover='this.style.cursor="pointer"'>Hotel</li>
        
        <li onclick="location.href='../habitaciones/habitaciones.php?menu=habitaciones'" onmouseover='this.style.cursor="pointer"'>Habitaciones</li>
        <?php if(isset($menu) && $menu=="habitaciones"){?>
            <p onclick="location.href='../habitaciones/habitaciones.php?menu=habitaciones'" onmouseover="this.style.cursor='pointer'">- Listado habitaciones</p>
            <p onclick="location.href='../habitaciones/habitaciones_bloqueadas.php?menu=habitaciones'" onmouseover="this.style.cursor='pointer'">- Habitaciones bloqueadas</p>
        <?php }?>
</ul>  

Saludos y gracias

[jackson666]

Y debe ser porq es IE7, ni mas ni menos....
Igualmente, nunca vi hacer algo asi la verdad...
Y si en vez de ponerle <p></p> dentro del item de lista, le pones otra lista adentro???

Mas facil, no?

[pateketrueke]

además.... es una pésima idea utilizar elementos que no son para enlaces, ¡como enlaces!!

de veras, hay algo que se le llama semántica.. y si además usas Javascript para redireccionar ¿que significan los enlaces entonces??

sencillamente debes usar enlaces para ello, osea.. <a/> y con CSS logras que parezcan <li>, <p> o lo que sea....


NOTA que por ejemplo, Google no indexa enlaces creados por Javascript... y ve horrible quien usa mal el HTML...

[AhmedRugama]

Hola te dejo un ejemplo de la forma correcta:

HTML:

Código:

<ul> 
        <li><a href='../hotel/continicio.php'>Inicio</a></li> 
        <li><a href='../hotel/elhotel.php'>Hotel</a></li> 
        <li><a href='../habitaciones/habitaciones.php?menu=habitaciones'>Habitaciones</a> 
        <?php if(isset($menu) && $menu=="habitaciones"){?> 
          <ul>
            <li><a href='../habitaciones/habitaciones.php?menu=habitaciones'>- Listado habitaciones</a></li> 
            <li><a href='../habitaciones/habitaciones_bloqueadas.php?menu=habitaciones'>- Habitaciones bloqueadas</a></li>
          </ul> 
        <?php }?>
     </li>
</ul>

y aqui un ejm, del css: http://www.forosdelweb.com/f53/creac...9/#post3201102

Si quieres saber cual es tu problema, es la manera en la que se ejecuta el javascript en ie, ya que tienes un "link" dentro de otro me imagino, que te esta mandando siempre a ../habitaciones/habitaciones.php, en ves de enviarte al submenu, te explicaria mas a fondo pero no tengo mucho tiempo ahorita,

suerte con tu menu

[jam1138]

Tema movido desde el foro de PHP. Aunque el problema planteado es de código JavaScript, hay otra situación de fondo, que es la mala utilización del HTML con nula semántica. Tema movido al foro de HTML ...