HTML - Duda de lista no enumerada

 
Vista:
sin imagen de perfil
Val: 2
Ha aumentado su posición en 31 puestos en HTML (en relación al último mes)
Gráfica de HTML

Duda de lista no enumerada

Publicado por usrename (2 intervenciones) el 16/11/2020 19:48:29
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html>
    <head>
        <title>Listas</title>
    </head>
    <body>
        Diarios de:
        <ol>
            <li>ESPAÑA...</li>
                <ul>
                    <li>El Mundo</li>
                    <li>El País</li>
                    <li>La Vanguardia</li>
                </ul>
            <li>EE.UU.</li>
                <ul>
                    <li>New York Times</li>
                    <li>The Washington Post</li>
                </ul>
        </ol>
    </body>
</html>


¿Por qué los círculos de la lista no numerada en este código me salen sin rellenar?
No sé si es porque lo tengo dentro de una lista numerada, pero si está al revés no hay ningún problema.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 1.453
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Duda de lista no enumerada

Publicado por joel (460 intervenciones) el 17/11/2020 07:32:38
Hola, eso te pasa porque esta dentro de un <ul> o <ol>

Si por ejemplo, añades otro <ul> dentro de tu código, te lo mostrara con un cuadrado negro:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
    <head>
        <title>Listas</title>
    </head>
    <body>
        Diarios de:
        <ol>
            <li>ESPAÑA...</li>
            <ul>
                <li>El Mundo</li>
                <li>El País</li>
                <li>La Vanguardia</li>
                <ul>
                    <li>primero</li>
                    <li>segundo</li>
                </ul>
            </ul>
            <li>EE.UU.</li>
            <ul>
                <li>New York Times</li>
                <li>The Washington Post</li>
            </ul>
        </ol>
    </body>
</html>

y si por ejemplo, sacas el primer <ol>, te lo mostrara con un circulo negro:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
    <head>
        <title>Listas</title>
    </head>
    <body>
        Diarios de:
            <li>ESPAÑA...</li>
            <ul>
                <li>El Mundo</li>
                <li>El País</li>
                <li>La Vanguardia</li>
            </ul>
            <li>EE.UU.</li>
            <ul>
                <li>New York Times</li>
                <li>The Washington Post</li>
            </ul>
    </body>
</html>

De todas maneras, puedes cambiar el formato con el estilo list-style...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
    <head>
        <title>Listas</title>
        <style>
            ol ul li {list-style:disc}
        </style>
    </head>
    <body>
        Diarios de:
        <ol>
            <li>ESPAÑA...</li>
            <ul>
                <li>El Mundo</li>
                <li>El País</li>
                <li>La Vanguardia</li>
            </ul>
            <li>EE.UU.</li>
            <ul>
                <li>New York Times</li>
                <li>The Washington Post</li>
            </ul>
        </ol>
    </body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar