HTML - Problema con display:list-item

   
Vista:

Problema con display:list-item

Publicado por Gustavo (87 intervenciones) el 10/04/2014 17:19:49
Hola gente estudiando la propiedad display probe el valor list-item pero no pasa nada , lo revise y me parece q esta bien
les dejo los códigos a ver si ven algo.

código html

1
2
3
4
5
6
<body>
 
<p class="lista">Elemento con comportamiento ítem de lista</p>
<p class="lista">Otro elemento que se comporta como ítem de lista</p>
 
</body>


código css


1
.lista {display:list-item;list-style-type:square;}
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 xve

Problema con display:list-item

Publicado por xve (1178 intervenciones) el 10/04/2014 20:39:48
Hola Gustavo, hasta donde yo se, la propiedad list-item, es para listas... <li>

Prueba así:
1
2
3
4
<ul>
<li class="lista">Elemento con comportamiento ítem de lista</li>
<li class="lista">Otro elemento que se comporta como ítem de lista</li>
</ul>

coméntanos, ok?
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

Problema con display:list-item

Publicado por gustavo (87 intervenciones) el 11/04/2014 00:38:59
Ahora si esa es la forma comun de hacerlo por html , pero habia leido que esa propiedad hace que el elemento o sea la caja se comporte como si se tratara de un item de lista o elemento de lista independientemente del tipo de elemento que se trate o sea que si era un párrafo igual se mostraria como un item de lista.
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

Problema con display:list-item

Publicado por Gustavo (87 intervenciones) el 11/04/2014 01:18:48
Listo ya lo saque , me faltaba poner la propiedad list-style-position que como no llegue a estudiarla no la conocia.
La solución seria así.


Código html.


1
2
3
4
5
6
<body>
 
<p class="lista">Elemento con comportamiento ítem de lista</p>
<p class="lista">Otro elemento que se comporta como ítem de lista</p>
 
</body>



Código css.


1
.lista {display:list-item;list-style-type:square;list-style-position:inside;}
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
Imágen de perfil de xve

Problema con display:list-item

Publicado por xve (1178 intervenciones) el 11/04/2014 08:07:52
Gracias por compartirlo Gustavo... nunca había utilizado la <p> como lista.... porque no utilizas las listas que son para ello?
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

Problema con display:list-item

Publicado por gustavo (87 intervenciones) el 11/04/2014 16:25:23
Se puede usar para cualquier elemento aparte de p
Es que estoy estudiando los valores de la propiedad display e hice un ejercicio para probar ese valor ,todavia no se cual es pero supongo que debe haber alguna utilidad practica para el valor de esta propiedad xve.
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