Hola a todos, muchas gracias por las respuestas, al final la conclusión es la que ya me imaginaba, no se puede hacer solo con css. Sin embargo, la solución que ha aportado Eddie Leo, Masonry, me parece muy interesante como alternativa gratuita a Grid-a-licious lo voy a usar y a ver que tal.
Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale El 29 de julio de 2009 03:06, Mauricio Dulce<[email protected]> escribió: > Me imagino que eso es dinámico, lo único que se me ocurre, es que en > el lenguaje armes un ciclo, dentro de un array o no se, pero creo que > por css solo no se puede. > > > El Jul 28, 2009, a las 3:07 PM, Ignacio Aguirre escribió: > >> Hola! >> >> Aprovechando el tema, tengo una duda similar a la de Rafael. >> >> También necesito ordenar una serie de elementos en una grilla. >> >> La diferencia es que todos mis elementos tienen la misma altura, >> pero no el >> mismo ancho. >> >> Hasta ahí, la cosa es fácil. >> >> Ahora, yo necesito ordenarlo de izquierda a derecha, pero uno arriba >> y el >> siguiente abajo, luego el tercero arriba y el cuarto abajo. >> >> Es decir, algo así: http://www.imageno.com/xtbsc2rstvwqpic.html >> >> Agradecería me dieran una manito para poder ordenar eso. >> >> Desde ya, muchísimas gracias :) >> >> >> >> -- >> Ignacio Aguirre >> >> >> >> El 28 de julio de 2009 12:39, Eddie >> <[email protected]>escribió: >> >>> Hola, >>> creo que lo que buscas es el plugin Masonry de jQuery... >>> >>> http://desandro.com/resources/jquery-masonry >>> >>> espero te sirva ;-) >>> >>> -------------- >>> Eddie Leo >>> >>> El 28/07/09, Martin Etxauri <[email protected]> escribió: >>>> yo personalmente creo que lo tienes difícil, los flotados se van a >>>> quedar así, porque en realidad lo que pasa no es que el de abajo >>>> coja >>>> el margen del de arriba, lo que pasa es que el que debería pasar >>>> a la >>>> izquierda no lo hace porque se "choca" con el que tiene encima y el >>>> siguiente pasa pero con la referencia del último. >>>> >>>> no se si me he explicado. >>>> >>>> si solo quieres dos columnas lo que puedes hacer es flotarlos a >>>> izquierda y derecha alternados y así cada uno ser irá para su >>>> lado... >>>> si quieres mas de dos columnas y que todos estén flotados a >>>> izquierda >>>> creo que no es posible. >>>> >>>> saludos >>>> >>>> El 28/07/2009, a las 17:07, Rafael García Lepper escribió: >>>> >>>>> hola, >>>>> >>>>> aquí podéis ver lo que digo: >>>>> http://www.biosfera4.com/ejemplos/ejemplogrids.html >>>>> >>>>> Saludos >>>>> >>>>> Rafa >>>>> >>>>> http://www.huevocucharacuento.info >>>>> http://twitter.com/eggSpoonTale >>>>> >>>>> El 28 de julio de 2009 16:24, Martin Etxauri<[email protected]> >>>>> escribió: >>>>>> aupa >>>>>> >>>>>> si mandas algo de código o algún ejemplo online mejor, yo por lo >>>>>> menos >>>>>> no entiendo como lo estás haciendo ni cual es el problema. >>>>>> >>>>>> saludos >>>>>> >>>>>> El 28/07/2009, a las 16:17, Rafael García Lepper escribió: >>>>>> >>>>>>> Hola a todos, >>>>>>> >>>>>>> Estoy tratando de conseguir varias columnas del mismo ancho con >>>>>>> bloques de altura irregular que guardan un mismo margen entre >>>>>>> si por >>>>>>> arriba y por abajo, es decir, algo como esto [1] pero pretendo >>>>>>> hacerlo >>>>>>> usando floats y no posicionando absolutamente con jquery cada >>>>>>> columna >>>>>>> como en el ejemplo que os he enseñado que es un theme de pago de >>>>>>> Wordpress[2], el problema es que al flotar, cada bloque guarda el >>>>>>> margen por arriba con el anterior bloque flotado que no es el >>>>>>> que le >>>>>>> queda justo por encima, con lo que, lo que queda irregular es el >>>>>>> margen entre los bloques que es justo lo que debe ser regular. ¿A >>>>>>> alguien se le ocurre como solucionar esto solo con css? >>>>>>> >>>>>>> [1] http://www.fashionandfeatures.com/ >>>>>>> [2] http://www.suprb.com/#gal >>>>>>> >>>>>>> >>>>>>> Saludos >>>>>>> >>>>>>> Rafa >>>>>>> >>>>>>> http://www.huevocucharacuento.info >>>>>>> http://twitter.com/eggSpoonTale >>>>>>> _______________________________________________ >>>>>>> Lista de distribución Ovillo >>>>>>> Para escribir a la lista, envia un correo a [email protected] >>>>>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>>>>> dirección: http://lists.ovillo.org/mailman/listinfo/ovillo >>>>>>> >>>>>> >>>>>> _______________________________________________ >>>>>> Lista de distribución Ovillo >>>>>> Para escribir a la lista, envia un correo a >>>>>> [email protected] >>>>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>>>> dirección: http://lists.ovillo.org/mailman/listinfo/ovillo >>>>>> >>>>> _______________________________________________ >>>>> Lista de distribución Ovillo >>>>> Para escribir a la lista, envia un correo a [email protected] >>>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>>> dirección: http://lists.ovillo.org/mailman/listinfo/ovillo >>>>> >>>> >>>> _______________________________________________ >>>> Lista de distribución Ovillo >>>> Para escribir a la lista, envia un correo a [email protected] >>>> Puedes modificar tus datos o desuscribirte en la siguiente >>>> dirección: >>>> http://lists.ovillo.org/mailman/listinfo/ovillo >>>> >>> >>> >>> -- >>> Eddie >>> _______________________________________________ >>> Lista de distribución Ovillo >>> Para escribir a la lista, envia un correo a [email protected] >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >>> http://lists.ovillo.org/mailman/listinfo/ovillo >>> >> _______________________________________________ >> Lista de distribución Ovillo >> Para escribir a la lista, envia un correo a [email protected] >> Puedes modificar tus datos o desuscribirte en la siguiente >> dirección: http://lists.ovillo.org/mailman/listinfo/ovillo > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
