UL - LI - No se colocan bien

[el_javi]

Hola a todos.

Tengo el siguiente ejemplo de listado.

Necesito que la noticia de la SEGUNDA FILA se recoloque la PRIMERA (y futuras que de de alta, también se coloquen segunda, tercera, cuarta, etc).

¿Porqué no se coloca en esa posición? ¿porqué se pone al final?
(intuyo que es porque la forma de las noticias es SALTEADA pero, necesito que las siguientes se pongan debajo de las primeras, pero en orden lógico.


Este es el ejemplo: http://www.incut.es/desarrollo/noticias/


¿Alguien sabe porqué y cómo solucionarlo?



Espero comentarios y ayudas.

Gracias a todos!!!

Saludos.

[pzin]

Si te entiendo bien, entonces debes de usar columnas CSS o bien algo de JavaScript, como masonry (web/GitHub).

[el_javi]

Hola pzin.

Gracias por contestar.

Um... columns es CSS3.... no hay manera humana de hacerlo cross-browsing?


masonry ... ya lo miré ayer.. igual, quizás, es más estandarizado, dado que es javascript (jquery)... y como solo afecta a visualización, quizás es mejor?


Voy a darle una pensada.

Gracias por la información.

¿No hay otra manera humana posible no?


Saludos.

[pzin]

Hombre, más humano sería tallarlo en piedra.

Yo usaría columnas CSS, porque intento siempre evitar JavaScript que no me gusta mucho, pero, claro, tampoco me importa demasiado IE, así que tengo más cancha.

masonry es una buena opción. Creo que en las últimas versiones incluso redujeron el código necesario para hacerlo funcionar, y que sólo había que incluir el archivo en si mismo y añadir las opciones serializadas mediante atributos data-* —creo. Así que tampoco es demasiado complejo hacerlo funcionar.

[el_javi]

Hola compis.

Al final lo solucioné con una opción alternativa a masonry


wookmark

La base es la misma parece ser, y me gusta porque no tiene tanto efecto, ni tanto movimiento (que ene sta web, no vienen al caso, en otras, ya se verá).


Gracias por vuestra ayuda y consejos.


PD: ¿qué tal si os dais una vuelta por la web y me dais vuestras opiniones?

http://www.incut.es/desarrollo

Gracias!!!

[pzin]

Bueno, con masonry puedes desactivar la animación si no la necesitas. Pero vaya, la técnica es la misma por lo que veo. Así que si te vale ese, perfecto.

Para lo de las opiniones tienes un foro específico. De todas formas a mi eso del scroll no me gusta mucho, me pone nervioso ese fade-out.