0

tengo la siguiente estructura para un menú desplegable:

<li class="dropdown">
  <ul class="submenu text-center">
    <li>... </li>
    <li> ...</li>
    <li>... </li>
  </ul>
</li>

El problema me surge cuando quiero enlazar el padre con un link, no sé como hacerlo. Gracias

<li class="dropdown"> Enlace_hacia_otra_pagina
  <ul class="submenu text-center">
    <li>... </li>
    <li> ...</li>
    <li>... </li>
  </ul>
</li>

3
  • 3
    ¿Exactamente qué no te funciona? A mí me funciona perfectamente tu código, "Padre" es un enlace que va a una página llamada "...". Commented el 29 ago. 2017 a las 7:21
  • 1
    @miaweb, ¿podrías explicar con palabras qué es lo que esperas que haga tu HTML? Es decir, ¿qué quieres decir con que quieres enlazar el padre a una página? ¿Que haya un texto en el punto padre que al pulsarlo vaya a un enlace y que los hijos no? ¿Es un menú desplegable en el que quieres que al pulsar al nodo padre se vaya a un enlace? (¡¡ojo!!, ¡eso impediría que los usuarios desplegaran el menú en móviles y dispositivos táctiles!). Commented el 29 ago. 2017 a las 8:38
  • Quiero decir que haya un texto en el punto padre que al pulsarlo vaya a un enlace y que los hijos no. Los hijos solo aparecen si se pasa el ratón encima del punto padre. En cuanto a moviles y resto de dispositivos si no funciona no pasa nada, tengo otro código para ese caso. No sé si me he explicado. Gracias
    – miaweb
    Commented el 29 ago. 2017 a las 10:36

2 respuestas 2

0

<li> son cada uno de los elementos de la lista.

Prueba a cambiar la etiqueta a <ul>.

<ul class="dropdown">
  <a href="https://google.es"> Padre </a>
  <ul class="submenu text-center">
    <li>...</li>
    <li>...</li>
    <li> ...</li>
  </ul>  
</ul>

2
  • 3
    No deberías responder sin tener claro lo que pregunta ni cuál es su problema y si tu respuesta realmente soluciona su problema. Por cierto, las etiquetas <ul> deberían tener en su interior etiquetas <li> y tú has introducido un <a> violando la especificación del formato HTML. Commented el 29 ago. 2017 a las 7:32
  • @miaweb para hacerlo debes editar tu pregunta. Commented el 29 ago. 2017 a las 7:43
0

Lo que estás buscando es utilizar un elemento HTML anchor<a> dentro de tu lista. Como referencia, cualquier elemento HTML que sea válido dentro de un <div> también lo es en <li>.

<ul> <!-- Menú -->
  <li class="dropdown">
    <a href="#">Enlace_hacia_otra_pagina</a>
    <ul class="submenu text-center">
      <li>... </li>
      <li> ...</li>
      <li>... </li>
    </ul>
  </li>
</ul>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.