Re: [Ovillo] Listas y texto en columnas en alisapart
Gael escribió: Supongo cuando CSS3 sea habitual podremos repartir texto y listas en columnas fácilmente. Aun así deberemos tener en cuenta los navegadores que no soportan CSS3. Lo bueno del módulo de columnas de CSS3 es que si no está disponible no ocurre ninguna catastrofe, simplemente "no hay columnas" lo que me lleva a preguntaros ¿que opinais de utilizar estos avances que proporciona Mozilla? Quizás el que el usuario tenga una mejor experiencia con navegadores diferentes a IExplorer ayude a que el gran público se de cuenta de que es un mal navegador (que nos hace perder mucho tiempo) y a los desarrolladores de IE que si no se ponen las pilas van a ver como desparecen los tristemente famosos "Optimizados para IE". -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Listas y texto en columnas en alisapart
En http://css.artnau.com/exemples/llistat-de-varies-columnes.html
se propone una solución mucho más facil de mantener y que además
permite más de dos columnas.
No lo he mirado a fondo y puede que tenga otros inconvenientes,
pero en principio es bastante simple y elegante ya que se basa en
darle una anchura a UL y luego un porcentage a los LI
para que se "repartan" el espacio (50% para dos columnas, 33% para
3columnas...) y si algún elemento de la lista es muy largo, ocupa dos líneas
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Gael
Enviado el: miércoles 28 de septiembre de 2005 12:08
Para: Ovillo, la lista de CSS en castellano
Asunto: RE: [Ovillo] Listas y texto en columnas en alisapart
Hola Adriana!
Sí, es una manera de hacer una lista en dos columnas. El problema que le veo
es la difícil actualización: cuando tengamos que añadir un elemento en medio
de la lista tendremos que cambiar las clases de los subsiguientes elementos.
No se puede tener todo... y en este caso menos. :)
Un saludo!
Gael
At 09:18 28/09/2005 +0200, you wrote:
>Buenas,
>Una manera de hacer una única lista a dos columnas muy sencilla Solo
>con dos clases .fleft{clear:left; flota:left;}
>.fright{clear:right; flota:right;}
>
>
> Elemento
> Elemento
> Elemento
> Elemento
>
>
>Espero que os sirva..
>saludos
>
>
>
>-Mensaje original-
>De: [EMAIL PROTECTED]
>[mailto:[EMAIL PROTECTED]
>En nombre de Gael
>Enviado el: martes, 27 de septiembre de 2005 18:21
>Para: Ovillo, la lista de CSS en castellano
>Asunto: [Ovillo] Listas y texto en columnas en alisapart
>
>Hola!
>
>No acostumbro a debatir en la lista, porque la mayoría me dais mil
>vueltas, y me dedico a aprender de lo que escribís. Hoy han aparecido
>un par de artículos en A List Apart que he encontrado interesantes. No
>sé qué opinaréis vosotros.
>
>
>El primer artículo es CSS Swag: Multi-Column Lists
>http://www.alistapart.com/articles/multicolumnlists . Habla de partir
>una lista en varias columnas (algo que tuve que hacer hace un tiempo) y
>examina varias formas de hacerlo. En mi caso, tuve que hacer una lista
>en dos columnas y terminé haciendo dos listas y flotándolas una al lado
>de la otra.
>
>Parece que todavía no hay una manera "fácil" de hacerlo. La más
>sencilla y que conserva la semántica de la lista es la primera
>(flotando los li), pero los elementos se reparten por filas en vez de
>por columnas. En otros casos hay que partir la lista en tantas listas
>como columnas o aumentado el CSS con clases y más clases, dificultando
>la actualización del HTML. Y lo de cross-browser por ver.
>
>Parece mentira que una idea tan simple sea tan complicada de
>implementar, no?
>
>
>El otro artículo, Introducing the CSS3 Multi-Column Module
>http://www.alistapart.com/articles/css3multicolumn , habla de
>propiedades CSS propuestas para CSS3 (parece que Firefox 1.5 ya las
>implementa) para repartir el texto en varias columnas, con sólo cuatro
>líneas CSS, en lugar de usar javascript (del cual también habla), o
>flotar capas.
>
>
>Supongo cuando CSS3 sea habitual podremos repartir texto y listas en
>columnas fácilmente. Aun así deberemos tener en cuenta los navegadores
>que no soportan CSS3.
>
>No sé qué opinaréis. A mi me han parecido interesantes estos dos
>artíuclos juntos, aunque no dicen nada más que bueno, esto es lo que
>hay de momento, lo que ganas por un lado lo pierdes por otro.
>
>Un saludo
>
>
>Gael
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Listas y texto en columnas en alisapart
Hola Adriana!
Sí, es una manera de hacer una lista en dos columnas. El problema que le veo
es la difícil actualización: cuando tengamos que añadir un elemento en medio
de la lista tendremos que cambiar las clases de los subsiguientes elementos.
No se puede tener todo... y en este caso menos. :)
Un saludo!
Gael
At 09:18 28/09/2005 +0200, you wrote:
>Buenas,
>Una manera de hacer una única lista a dos columnas muy sencilla
>Solo con dos clases
>.fleft{clear:left; flota:left;}
>.fright{clear:right; flota:right;}
>
>
> Elemento
> Elemento
> Elemento
> Elemento
>
>
>Espero que os sirva..
>saludos
>
>
>
>-Mensaje original-
>De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
>En nombre de Gael
>Enviado el: martes, 27 de septiembre de 2005 18:21
>Para: Ovillo, la lista de CSS en castellano
>Asunto: [Ovillo] Listas y texto en columnas en alisapart
>
>Hola!
>
>No acostumbro a debatir en la lista, porque la mayoría me dais mil vueltas,
>y me dedico a aprender de lo que escribís. Hoy han aparecido un par de
>artículos en A List Apart que he encontrado interesantes. No sé qué
>opinaréis vosotros.
>
>
>El primer artículo es CSS Swag: Multi-Column Lists
>http://www.alistapart.com/articles/multicolumnlists . Habla de partir una
>lista en varias columnas (algo que tuve que hacer hace un tiempo) y examina
>varias formas de hacerlo. En mi caso, tuve que hacer una lista en dos
>columnas y terminé haciendo dos listas y flotándolas una al lado de la otra.
>
>Parece que todavía no hay una manera "fácil" de hacerlo. La más sencilla y
>que conserva la semántica de la lista es la primera (flotando los li), pero
>los elementos se reparten por filas en vez de por columnas. En otros casos
>hay que partir la lista en tantas listas como columnas o aumentado el CSS
>con clases y más clases, dificultando la actualización del HTML. Y lo de
>cross-browser por ver.
>
>Parece mentira que una idea tan simple sea tan complicada de implementar,
>no?
>
>
>El otro artículo, Introducing the CSS3 Multi-Column Module
>http://www.alistapart.com/articles/css3multicolumn , habla de propiedades
>CSS propuestas para CSS3 (parece que Firefox 1.5 ya las implementa) para
>repartir el texto en varias columnas, con sólo cuatro líneas CSS, en lugar
>de usar javascript (del cual también habla), o flotar capas.
>
>
>Supongo cuando CSS3 sea habitual podremos repartir texto y listas en
>columnas fácilmente. Aun así deberemos tener en cuenta los navegadores que
>no soportan CSS3.
>
>No sé qué opinaréis. A mi me han parecido interesantes estos dos artíuclos
>juntos, aunque no dicen nada más que bueno, esto es lo que hay de momento,
>lo que ganas por un lado lo pierdes por otro.
>
>Un saludo
>
>
>Gael
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Listas y texto en columnas en alisapart
Buenas,
Una manera de hacer una única lista a dos columnas muy sencilla
Solo con dos clases
.fleft{clear:left; flota:left;}
.fright{clear:right; flota:right;}
Elemento
Elemento
Elemento
Elemento
Espero que os sirva..
saludos
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Gael
Enviado el: martes, 27 de septiembre de 2005 18:21
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Listas y texto en columnas en alisapart
Hola!
No acostumbro a debatir en la lista, porque la mayoría me dais mil vueltas,
y me dedico a aprender de lo que escribís. Hoy han aparecido un par de
artículos en A List Apart que he encontrado interesantes. No sé qué
opinaréis vosotros.
El primer artículo es CSS Swag: Multi-Column Lists
http://www.alistapart.com/articles/multicolumnlists . Habla de partir una
lista en varias columnas (algo que tuve que hacer hace un tiempo) y examina
varias formas de hacerlo. En mi caso, tuve que hacer una lista en dos
columnas y terminé haciendo dos listas y flotándolas una al lado de la otra.
Parece que todavía no hay una manera "fácil" de hacerlo. La más sencilla y
que conserva la semántica de la lista es la primera (flotando los li), pero
los elementos se reparten por filas en vez de por columnas. En otros casos
hay que partir la lista en tantas listas como columnas o aumentado el CSS
con clases y más clases, dificultando la actualización del HTML. Y lo de
cross-browser por ver.
Parece mentira que una idea tan simple sea tan complicada de implementar,
no?
El otro artículo, Introducing the CSS3 Multi-Column Module
http://www.alistapart.com/articles/css3multicolumn , habla de propiedades
CSS propuestas para CSS3 (parece que Firefox 1.5 ya las implementa) para
repartir el texto en varias columnas, con sólo cuatro líneas CSS, en lugar
de usar javascript (del cual también habla), o flotar capas.
Supongo cuando CSS3 sea habitual podremos repartir texto y listas en
columnas fácilmente. Aun así deberemos tener en cuenta los navegadores que
no soportan CSS3.
No sé qué opinaréis. A mi me han parecido interesantes estos dos artíuclos
juntos, aunque no dicen nada más que bueno, esto es lo que hay de momento,
lo que ganas por un lado lo pierdes por otro.
Un saludo
Gael
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
