Foros del Web » Creando para Internet » Diseño web »

Problema con lista ordenada.

Estas en el tema de Problema con lista ordenada. en el foro de Diseño web en Foros del Web. Hola, Tengo un problema que consiste en que en una lista ordenada con números hay puntos y aparte, pero no sé como se hace para ...
  #1 (permalink)  
Antiguo 06/06/2009, 03:49
 
Fecha de Ingreso: noviembre-2005
Mensajes: 825
Antigüedad: 12 años, 1 mes
Puntos: 8
Problema con lista ordenada.

Hola,

Tengo un problema que consiste en que en una lista ordenada con números hay puntos y aparte, pero no sé como se hace para que en los mismos no salga el número, y respetando los estándares.

He probado a poner un <li style="list-style-type: none;"> para que no salga el número, pero entonces, el siguiente numero salta al siguiente.

Lo explicaré gráficamente:

Un lista así:

1. Lo que sea que se diga.
2. Lo que sea que se diga.
3. Lo que sea que se diga.
4 Lo que sea que se diga.
Aquí un punto y a parte con el párrafo con el contenido que sea.
5. Lo que sea que se diga.
Otro párrafo a parte para desarrollar lo dicho en este punto 5


El problema es que si pones un <li style="list-style-type: none;"> en la li que sigue a 4, el punto 5 aparece como 6 por razones obvias.

No sé si me habéis entendido.

Un saludo.
  #2 (permalink)  
Antiguo 06/06/2009, 03:55
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Respuesta: Problema con lista ordenada.

Hola

Bueno, se pregunta si uno se explica, no si los demás te entienden.

Y no, no te explicas muy bien.

Al parecer, cuando mencionas párrafos, estos están también en elementos <li>, lo que es incorrecto.

Si haces algo como:
Código HTML:
 <ol>
		<li>elemento 1</li>
		<li>elemento 2</li>
		<li>elemento 3</li>
		<li style="list-style-type: none;">elemento 4</li>
		<li>elemento 5</li>
	</ol> 
El elemento 5 sale como 5.

¿Por qué no pones el código que tienes para que se vea más claro tu problema?

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 06/06/2009, 04:49
 
Fecha de Ingreso: noviembre-2005
Mensajes: 825
Antigüedad: 12 años, 1 mes
Puntos: 8
Respuesta: Problema con lista ordenada.

Gracias PatomaS.

Efectivamente, está mal expuesto.

En cualquier caso, si lo pones como tú dices:

<ol>
<li>elemento 1</li>
<li>elemento 2</li>
<li>elemento 3</li>
<li style="list-style-type: none;">elemento 4</li>
<li>elemento 5</li>
</ol>

El elemento 5 sale como 5. El problema es que debe salir como 4, ya que el elemento 4 es un párrafo dentro del elemento 3.

El problema es introducir párrafos sin numerar en cada elemento, ya que no se puede introducir con <p>, ya que no valida:

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

Se puede hacer con uno o varios saltos de línea <br />, pero el resultado es que no se puede establecer el espacio exacto entre líneas.

Busco otra solución válida.

Un saludo y gracias.
  #4 (permalink)  
Antiguo 06/06/2009, 05:06
 
Fecha de Ingreso: febrero-2005
Mensajes: 28
Antigüedad: 12 años, 10 meses
Puntos: 0
Respuesta: Problema con lista ordenada.

Hola

Lo único que se me ocurre es esto
pero supongo que no es lo que buscas y ya lo habrias pensado

Código HTML:
<ol>
<li>elemento 1</li>
<li>elemento 2</li>
<li>elemento 3</li>
<ul>
<li style="list-style-type: none;">elemento 4</li>
</ul>
<li>elemento 5</li>
</ol> 
Saludos
  #5 (permalink)  
Antiguo 06/06/2009, 06:17
 
Fecha de Ingreso: noviembre-2005
Mensajes: 825
Antigüedad: 12 años, 1 mes
Puntos: 8
Respuesta: Problema con lista ordenada.

Hola Oswd,

Sí, lo he intentado. Eso y otras cosas.

¿Sabes cuál es el problema? Que no se puede meter una lista dentro de otra, no valida y presenta luego muchos problemas:

Según http://validator.w3.org:

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


¿Es posible que no haya algún método?
  #6 (permalink)  
Antiguo 06/06/2009, 06:34
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con lista ordenada.

Lo que estás haciendo es una lista numerada. Lo que no dices es si los números se los asignas tú escibiéndolos en el html o te los genera el contador propio de la lista.

Código html:
Ver original
  1. <ol>
  2.     <li>elemento 1</li>
  3.     <li>elemento 2</li>
  4.     <li>elemento 3
  5.                    <ol>
  6.                        <li>elemento 3.1
  7.                                      <p> </p>
  8.                               </li>
  9.                    </ol>
  10.          </li>
  11.     <li>elemento 4</li>
  12. </ol>

Si no quieres usar el contador, haz una lista desordenada (ul)

Aquí tienes más información sobre listas numeradas y los contadores
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 06/06/2009, 09:46
 
Fecha de Ingreso: noviembre-2005
Mensajes: 825
Antigüedad: 12 años, 1 mes
Puntos: 8
Respuesta: Problema con lista ordenada.

Con la lista desordenada es lo mismo.

El tema es que creo que la solución es sacar los números de la lista; utilizar párrafos sin más y punto.

Lo contario va a ser imposible. Además, de que tampoco es imperativo que sea una lisa.

Se puede hacer con párrafos.

En fin, gracias.
  #8 (permalink)  
Antiguo 06/06/2009, 09:47
 
Fecha de Ingreso: noviembre-2005
Mensajes: 825
Antigüedad: 12 años, 1 mes
Puntos: 8
Respuesta: Problema con lista ordenada.

Con la lista desordenada es lo mismo.

El tema es que creo que la solución es sacar los números de la lista; utilizar párrafos sin más y punto.

Lo contario va a ser imposible. Además, de que tampoco es imperativo que sea una lisa.

Se puede hacer con párrafos.

En fin, gracias.
  #9 (permalink)  
Antiguo 06/06/2009, 09:57
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 16 años, 3 meses
Puntos: 380
Respuesta: Problema con lista ordenada.

Buenas a todos

Yo lo que he creído entender es que dentro de un mismo li quiere meter más de un párrafo o al menos un punto y aparte. Tal vez si está trabajando con un editor, al tratar de generar ese salto de línea o párrafo le estará generando automáticamente otro li.

Si es eso (que capaz y no, pero bue..) puede meter tranquilamente br y p dentro de cada li

Código html:
Ver original
  1. <ol>
  2.   <li>Lo que sea que se diga.</li>
  3.   <li>Lo que sea que se diga.</li>
  4.   <li>Lo que sea que se diga.</li>
  5.   <li>Lo que sea que se diga.<br />
  6.      Aquí un punto y a parte con el párrafo con el contenido que sea.
  7.   </li>
  8.   <li>Lo que sea que se diga.
  9.       <p>Aquí un párrafo nuevo</p>
  10.   </li>
  11. </ol>

¿o no era eso?
  #10 (permalink)  
Antiguo 06/06/2009, 11:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problema con lista ordenada.

Es la eterna cuestión, si no dice exáctamente qué quiere colocar ahí, estos son conjeturas.

Si son párrafos, el uso de listas es totalmente desaconsejado (y no digamos ya las numeradas). Quizás lo que necesite es una lista de definición, con lo que ese contenido "diferente" tranquilamente puede conseguir diferenciarlo anidando otra lista e indentándola.

Pero, la bola está ya sin baterías.

Tendremos que esperar a que Jumasol sea más explícito.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:16.