HTML - Problema con display:list-item

Problema con display:list-item

Publicado por Gustavo (115 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

<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

.lista {display:list-item;list-style-type:square;}

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: 1.144

Problema con display:list-item

Publicado por xve (1543 intervenciones) el 10/04/2014 20:39:48

Hola Gustavo, hasta donde yo se, la propiedad list-item, es para listas... <li>

Prueba así:

<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 clara

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

Comentar

Problema con display:list-item

Publicado por gustavo (115 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

Comentar

Problema con display:list-item

Publicado por Gustavo (115 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.

<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.

.lista {display:list-item;list-style-type:square;list-style-position:inside;}

Valora esta respuesta

Comentar

Pos: 2

Val: 1.144

Problema con display:list-item

Publicado por xve (1543 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

Comentar

Problema con display:list-item

Publicado por gustavo (115 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

Comentar

Links dento de la misma pagina

¿Cómo resaltar en color parte de un texto pinchando en un botón?