Párrafos dentro entre <li>s

JUMASOL · #1 (**permalink**) 25/08/2008, 05:52

Hola,

Estoy haciendo unos listados y los quiero todos en CSS y bien validados.

El problema es que entre algunas <li> hay párrafos (<p> ), que no puden ser luego validados porque dentro de un <ul> no puede haber párrafos:

document type does not allow element "p" here; assuming missing "li" start-tag

Así que he sustituido el párrafo por otra li, pero para quitarle el estilo, lo hago así:

<li style="list-style-type: none;">

Para contraponerlo con el li con círculo en mi caso.

Con ello se consigue el mismo resultado, y validándolo.

El problema ahora es que hay demasiados <li style="list-style-type: none;">, lo cual no es muy estricto con respecto a una separación purista entre contenido y forma.

Es decir, que me gustaría eliminarlos indicando un class o algo así para las li que no quiero que tengan estilo.

¿Se puede hacer?

Si no, ¿se os ocurre algo mejor o con el mismo efecto?

Un saludo y gracias.

Raulmmmm · #2 (**permalink**) 25/08/2008, 09:10

Puedes poner una clase así, pon esto entre <head> y </head>:

Código HTML:

<style type="text/css">
.parrafo { list-style-type: none; }
</style>

Y luego:

Código HTML:

<li class="parrafo">

Otra solución no se me ocurre, aparte de que si tienes más listas con párrafo que listas sin párrafo puedes hacerlo al revés:

Código HTML:

<style type="text/css">
li { list-style-type: none; }
.sinparrafo { list-style-type: circle; }
</style>

Y luego:

Código HTML:

<li class="sinparrafo">

JUMASOL · #3 (**permalink**) 25/08/2008, 10:12

gracias majo.

webosiris · #4 (**permalink**) 25/08/2008, 19:50

una acotación: dentro de un UL si puede haber párrafos, pero deben de estar dentro de los li.

Ejemplo NO válido

Código HTML:

<ul>
<li>blabla</li>
<p>párrafo</p>
<li>blabla2</l>
</ul>

Ejemplo válido

Código HTML:

<ul>
<li>
<p>Párrafo1</p>
<p>Párrafo1</p>
</li>
</ul>

JUMASOL · #5 (**permalink**) 26/08/2008, 05:18

Lo siento Webosiris, pero tengo que disentir.

Lo he hecho como tú dices y da un fallo que dice:

document type does not allow element "p" here; assuming missing "li" start-tag.

Además, si intercambias lis y p, llega un momento en que las propias lis también dan fallo. Así:

document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

Hay que meter un class.

webosiris · #6 (**permalink**) 26/08/2008, 06:16

Cita:

Iniciado por JUMASOL

Lo siento Webosiris, pero tengo que disentir.
Lo he hecho como tú dices y da un fallo que dice:
document type does not allow element "p" here; assuming missing "li" start-tag.

lo que puse es perfectamente válido... seguro que lo que hicistes fue copiar el segundo ejemplo, y no el primero, que justamente dice

Cita:

Ejemplo NO válido

??

Cita:

Iniciado por JUMASOL

Además, si intercambias lis y p,

justamente, eso NO se puede hacer....
copia en un archivo html nuevo mi segundo ejemplo, y vas a ver que es válido

JUMASOL · #7 (**permalink**) 26/08/2008, 18:08

Yo te entiendo Webosiris, y tienes razón.

El que no me he debido de explicar bien soy yo: se trata de muchos párrafos insertos entre lis a lo largo de un listado muy amplio.

No puedo includir sólo un par de elementos. Se trata de más de veinte lis con muchos más párrafos entre ellas.

Ya lo he solucionado con un class así: <li class="no-parr">

Es valido y funciona.

Gracias de todos modos.