flotar li a la izquierda pero abajo.

[RIVERMILLOS]

hola tengo una lista asi

Código:

			<ul>
				<li>1</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
			</ul>

y quiero que los elementos de la lista floten a la izquierda pero que muestren así.

1 3 5
2 4

no estoy seguro si se pueda.


saludos

[kseso?]

multicolumnas css
Y sólo a título informativo el flexbox

[_franb]

Podrías jugar con los anchos del ul y los li.

Ej. si a ul le das un ancho fijo y a los li les das un ancho de 30% el cuarto li de cada fila por defecto se ubicará debajo.

Otra solución es al cuarto elemento incorporarle la propiedad 'clear' con el valor 'left' que contrarresta el valor de 'float'.

Fijate aquí construí ambos ejemplos
http://fbergamaschi.com.ar/experience/lifloat.html

éxito!

[kseso?]

@_franb:
Creo que se despistó y no entendió del todo lo que pretende Rivermillos.

[RIVERMILLOS]

voy a probra con las propiedades css a ver como va.

@_franb gracias lo que tu hiciste es lo que necesito pero en otro orden.

saludos

[_franb]

che, es cierto, ahí volví a ver tus numeritos rivermillos, mi sugerencia no es tan efectiva. Qué tal te fue con colum?

[laventanadewindows]

Tampoco es necesario que uses CSS, podrías simplemente situar cada numero dentro de la celda de una tabla HTML(:

[RIVERMILLOS]

lo intente conlocando el estilo al ul y al div pero no me lo toma no se que estoy haciendo mal :S
mañana subo el codigo, para que lo vean.

slaudos

[_franb]

Gracias @kseso?
Excelente el artículo sobre el flexbox. Espero poder aplicar esta propiedad pronto!
Se complica el hecho que no lo soporte ni el ie9. La mayoría de los trabajos que me tocan requieren compatibilidad hasta con ie7 y no da el presupuesto para hacer más de 1 código.

[kseso?]

Iniciado por laventanadewindows

Tampoco es necesario que uses CSS, podrías simplemente situar cada numero dentro de la celda de una tabla HTML(:

Debería leerse más detenidamente de qué va el hilo y dónde se ha publicado.
Porque desde luego, en el foro de css, al planteamiento de encontrar una solucción vía css, sugerir responder ésto, es de premio.

@_franb
No hay de qué.
Parece, según dice Micro$oft, que ie10 sí dará soporte al flexbox.

@RIVERMILLOS
¿Qué código? Sea algo más de generoso con la información (códigos)

[noruas]

¿Has probado a usar la propiedad "display:inline;" como se usa en los menus?

[kseso?]

Iniciado por noruas

¿Has probado a usar la propiedad "display:inline;" como se usa en los menus?

¿Display: inline altera la colocación de los elementos (en línea horizontal distinta) a la que le corresponda por su orden de aparición en el flujo del html?

@noruas no suelen estar bien vistas las afirmaciones que parecen hechas sólo para sumar mensajes (por el disparate que son y no venir a cuento sobre el caso planteado).

[noruas]

Iniciado por kseso?

¿Display: inline altera la colocación de los elementos (en línea horizontal distinta) a la que le corresponda por su orden de aparición en el flujo del html?

@noruas no suelen estar bien vistas las afirmaciones que parecen hechas sólo para sumar mensajes (por el disparate que son y no venir a cuento sobre el caso planteado).

Solo he preguntado, no afirmado.

En los menus que usan la etiqueta <ul> y <li> para colocar las cajas desplegables, cuando se quieren colocar de forma horizontal se usa esa propiedad para colocar cada li en linea con el anterior...

Por eso he preguntado qué si ha probado con eso...

Ahora mirando detenidamente la disposicion de como quiere que salga veo que no sirve.

Pense que queria:
1 2 3
4 5

Error de lectura.

PD: Cuando se afirma se usan "¡!" o directamente sin exclamación y he usado "¿?" Sorry si te ha parecido que andaba llenando post.

[kseso?]

@nouras
Es loable el afán de ayudar que demuestra y las ganas que le pone en el poco tiempo que lleva en el foro.

Debido a esto último (ser novicio) posíblemente desconozca cómo era el foro de css hace unos años, la degradación posterior que se produjo (coincidente con la ausencia de usuarios significativos) y el esfuerzo que de poco a este tiempo estamos realizando algunos porque recupere un mínimo de aquella calidad y "rigurosidad", tanto en la exposición de las consultas como en las respuestas.

En este tema no es que su respuesta fuese especialmente peor que otras (#7 se merece un premio), pero ignora algo que ya se se le resaltó a #3 y que estaba más que claro: la cuestión planteada no era colocar elementos de bloque adyacentes en la misma línea. Eso es de preescolar en css. Se trataba de alterar el flujo del html.

Así que mi observación no se la tome como lo que no es. Símplemente es una observación para que posibles lectores (hoy o dentro de un tiempo) no se llamen a engaño.

Responda y ayude, sí, pero obvie las perogrulladas.
Y procure que quien reciba su ayuda sea merecedor de ella (pero esto es otra historia que será contada en otro tiempo).