CSS - Ocultar una etiqueta <UL> y dejar otras

Ocultar una etiqueta <UL> y dejar otras

Publicado por Juan (2 intervenciones) el 12/02/2015 06:30:14

Buenos días.

Tengo un código de la siguiente manera:

<UL>
<UL>
Aquí tengo otro código
</UL>
</UL>

Y lo que yo quiero es poder ocultar o quitar el primer <UL> dejando así un solo subgrupo, lo he intentado con DISPLAY: NONE, pero se me oculta también lo que hay dentro.

Alguien sabe cómo hacerlo?

Un saludo

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Pos: 2

Val: 624

Ocultar una etiqueta <UL> y dejar otras

Publicado por xve (490 intervenciones) el 12/02/2015 09:02:38

Viendo solo esa parte de código es muy difícil poder ayudarte, pero creo que seria algo así:

ul:first-child {display:none;}

Coméntanos, ok?

De todas maneras, un <ul> dentro de otro <ul> directamente no seria muy adecuado, ya que <ul> agrupa una lista desordenada (unsorted list).

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar

Ocultar una etiqueta <UL> y dejar otras

Publicado por Juan (2 intervenciones) el 12/02/2015 10:38:09

Gracias.

Te comento lo que tengo y lo que quiero:

Tengo lo siguiente:

<ul>

     <ul>

          <li>Selección 1</li>

          <li>Selección 2</li>

	  <li>Selección 3</li>

	  <li>Selección 4</li>

     </ul>

</ul>

1º El motivo de tener varios <UL> encadenados es para que las etiqueas <IL> queden más a la derecha, no sé si habrá alguna otra forma de hacer esto.
2º Así el código está perfecto y se ve muy bien en el explorador, pero lo que quiero es que cuando la pantalla se haga más pequeña como por ejemplo un móvil, se quiten uno o los dos <UL> para que las etiquetas <IL> no se queden tan a la derecha.

Espero que me puedan ayudar.

Un saludo.

Valora esta respuesta

Comentar

Pos: 2

Val: 624

Ocultar una etiqueta <UL> y dejar otras

Publicado por xve (490 intervenciones) el 12/02/2015 18:12:10

Hola Juan, esto se realiza con estilos, en vez de poniendo dos <ul>...

Prueba este código y disminuye la anchura del navegador...

<!DOCTYPE html>

<html lang="es">

<head>

    <meta charset="utf-8">

    <style>

    ul {padding-left:80px;}

    /* para 480px o menos */

    @media screen and (max-width:480px) {

        ul {padding-left:40px;}

    </style>

</head>

<body>

<ul>

    <li>Selección 1</li>

    <li>Selección 2</li>

    <li>Selección 3</li>

    <li>Selección 4</li>

</ul>

</body>

</html>

Valora esta respuesta

Comentar

Problema con Justified Gallery y más

Pasar web a responsive