Re: [Ovillo] correcto formato de formularios

2009-05-20 Por tema Marc Palau
Y aquí llega el kit,

agrupar los campos con elementos de bloque, para forzar el salto de línea 
después del último elemento, por ejemplo un span o un input.
Todo ello agrupado dentro de un fieldset con su legend (esto es de cajón).

La duda que tengo es básicamente de qué etiqueta utilizar ahora para ello:

 es para un parágrafo. Un elemento de formulario se considera un 
parágrafo?
 es un elemento de bloque, se podría utilizar pero un formulario puede 
llegar a ser una lista de campos... entonces
 es un elemento muy personalizable y nos permitiría agrupar cada campo 
en una línia.

Ahora, qué es lo más correcto? Lo puedo maketar de cualquier forma, pero a 
ver si por fin me queda claro cómo se monta un formulario para facilitar la 
lectura a los navegadores y facilitar la implementación del diseño.

CONTENEDOR | ETIQUETA | ELEMENTO DE FORM | EXTRAS | CIERRE CONTENEDOR

¿qué contenedor?

saludos!!
Marc
http://www.lost.in

- Original Message - 
From: "Philipp Keweloh" 
To: "Ovillo, la lista de CSS en castellano" 
Sent: Tuesday, May 19, 2009 4:22 PM
Subject: Re: [Ovillo] correcto formato de formularios


El día 19 de mayo de 2009 14:13, Asela Ortiz de Murua
 escribió:
> Hola Marc:
>
> No es necesario , ni , como mucho , con CSS se controla .
>
> 
> 
> nombre id="nombre"/>*obligatorio
> clave href="?verpass">Ver password
> 
> 
> 
>
>
> Puedes encontrar más pistas y esquemas en estos enlaces:
> http://www.librosweb.es/css/capitulo11.html
> http://www.librosweb.es/css/capitulo11/estilos_avanzados4.html
>
> Un saludo y suerte
> Asela
> ___
> 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://lists.ovillo.org/mailman/listinfo/ovillo
>

¿Y por qué no un fieldset?

-- 
Philipp Keweloh

"Success is not in what you have, but who you are." - Bo Bennett  -
http://feedproxy.google.com/~r/randomquotes/~3/G2PjcLJ0ONI/
___
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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] PNG transparente y filter de Microsoft

2009-05-20 Por tema Andrés gutiérrez
Gracias a todos por contestar. Mauricio, se que es algo difícil de
conseguir, pero lo tengo que intentar. Es una lastima que exista esta
posibilidad y que por culpa de un mal navegador no lo podamos usar.

Ya os contaré cuando pruebe lo que me habéis pasado.

Lo dicho muchas gracias a todos

El 19 de mayo de 2009 22:34, Alex Lillo  escribió:

> Hola Mauricio,
> Yo no limitaría mis diseños porque todavía siga coleando un navegador
> deficiente. Está claro que debes estudiar tu mercado, y si en él IE6 es
> mayoritario no abusar de transparencias, pero con la cantidad de
> alternativas que hay en la red descartar algo tan potente como PNG
> transparentes es un crimen!
>
> Un saludo,
>
>
> --
> Alex Lillo
> www.nordic-design.net
> http://www.linkedin.com/in/alexlillo
>
>
> 2009/5/19 Mauricio Dulce 
>
> > Hola andres, lo mejor es tratar de usar un jpg o un gif, ya que las
> > transparencias de los png no son soportadas en versiones anteriores a
> > la 6, acá dejo un link que te puede ayudar un poco, pero esto genera
> > algún tipo de problemas con los menús desplegables, o cosas que usen
> > java script .
> >
> >
> >
> http://www.cristalab.com/tips/png-con-transparencia-alpha-png32-en-internet-explorer-c21618l/
> >
> > en fin espero te sirva ya que hay una cantidad de soluciones,
> > El 19/05/2009, a las 13:03, Andrés gutiérrez escribió:
> >
> > > Hola a todos ¿como hacéis vosotros para meter img transparentes PNG en
> > > vuestras páginas y que se vean bien en ie5.5 y ie6
> > >
> > > Lo que yo hago:
> > >
> > > 1-Pongo en el 
> > >
> > >
> > > 
> > > 
> > > 
> > >
> > > Sólo me funciona si lo pongo en el head. Si lo pongo en un archivo
> > > .css aparte no me lo muestra. La ruta que pongo es relativa, pero
> > > poniendo:
> > > src='http://www.mipagina/img/the_png.png'
> > >
> > > también me lo muestra
> > >
> > > En el bodi lo uso asi:
> > > 
> > >
> > >
> > > Como veís le aplico la clase que he definido en el head y esto hace
> > > que muestre en esa etiqueta IMG una img de fondo y desplace 150px lo
> > > que yo pongo en el atributo src de mi tag IMG
> > >
> > > Dudas:
> > > ¿Este filtro se puede usar desde un .css externo? (a mi no me está
> > > funcionando)
> >
> ___
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] PNG transparente y filter de Microsoft

2009-05-20 Por tema Alex Lillo
Por cierto Andrés, otra solución que puedes ver funcionando:
http://www.dillerdesign.com/experiment/DD_belatedPNG/

Está funcionando por ejemplo aquí:
http://www.pepepoliza.com/

Un saludo,

-- 
Alex Lillo
www.nordic-design.net
http://www.linkedin.com/in/alexlillo



2009/5/20 Andrés gutiérrez 

> Gracias a todos por contestar. Mauricio, se que es algo difícil de
> conseguir, pero lo tengo que intentar. Es una lastima que exista esta
> posibilidad y que por culpa de un mal navegador no lo podamos usar.
>
> Ya os contaré cuando pruebe lo que me habéis pasado.
>
> Lo dicho muchas gracias a todos
>
> El 19 de mayo de 2009 22:34, Alex Lillo  escribió:
>
> > Hola Mauricio,
> > Yo no limitaría mis diseños porque todavía siga coleando un navegador
> > deficiente. Está claro que debes estudiar tu mercado, y si en él IE6 es
> > mayoritario no abusar de transparencias, pero con la cantidad de
> > alternativas que hay en la red descartar algo tan potente como PNG
> > transparentes es un crimen!
> >
> > Un saludo,
> >
> >
> > --
> > Alex Lillo
> > www.nordic-design.net
> > http://www.linkedin.com/in/alexlillo
> >
> >
> > 2009/5/19 Mauricio Dulce 
> >
> > > Hola andres, lo mejor es tratar de usar un jpg o un gif, ya que las
> > > transparencias de los png no son soportadas en versiones anteriores a
> > > la 6, acá dejo un link que te puede ayudar un poco, pero esto genera
> > > algún tipo de problemas con los menús desplegables, o cosas que usen
> > > java script .
> > >
> > >
> > >
> >
> http://www.cristalab.com/tips/png-con-transparencia-alpha-png32-en-internet-explorer-c21618l/
> > >
> > > en fin espero te sirva ya que hay una cantidad de soluciones,
> > > El 19/05/2009, a las 13:03, Andrés gutiérrez escribió:
> > >
> > > > Hola a todos ¿como hacéis vosotros para meter img transparentes PNG
> en
> > > > vuestras páginas y que se vean bien en ie5.5 y ie6
> > > >
> > > > Lo que yo hago:
> > > >
> > > > 1-Pongo en el 
> > > >
> > > >
> > > > 
> > > > 
> > > > 
> > > >
> > > > Sólo me funciona si lo pongo en el head. Si lo pongo en un archivo
> > > > .css aparte no me lo muestra. La ruta que pongo es relativa, pero
> > > > poniendo:
> > > > src='http://www.mipagina/img/the_png.png'
> > > >
> > > > también me lo muestra
> > > >
> > > > En el bodi lo uso asi:
> > > > 
> > > >
> > > >
> > > > Como veís le aplico la clase que he definido en el head y esto hace
> > > > que muestre en esa etiqueta IMG una img de fondo y desplace 150px lo
> > > > que yo pongo en el atributo src de mi tag IMG
> > > >
> > > > Dudas:
> > > > ¿Este filtro se puede usar desde un .css externo? (a mi no me está
> > > > funcionando)
> > >
>
>
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] PNG transparente y filter de Microsoft

2009-05-20 Por tema Jorge Gónzalez - yparamuestaunboton . com
Hola Andrés,
Estoy de acuerdo con Alex, creo que deberías usarlo sin problemas y no dejar
de lado los png transparentes por un navegador.Prueba con la librería que te
comenta Juancho (a mi me dio muy buenos resultados) eso si incluyela
mediante comentarios condicionales como te explican en la home del proyecto,
con un poco de suerte, te olvidas de los png's en ie6 :)
Un saludo,
Jorge González Sánchez | http://yparamuestraunboton.com

El 20 de mayo de 2009 9:37, Alex Lillo  escribió:

> Por cierto Andrés, otra solución que puedes ver funcionando:
> http://www.dillerdesign.com/experiment/DD_belatedPNG/
>
> Está funcionando por ejemplo aquí:
> http://www.pepepoliza.com/
>
> Un saludo,
>
> --
> Alex Lillo
> www.nordic-design.net
> http://www.linkedin.com/in/alexlillo
>
>
>
> 2009/5/20 Andrés gutiérrez 
>
> > Gracias a todos por contestar. Mauricio, se que es algo difícil de
> > conseguir, pero lo tengo que intentar. Es una lastima que exista esta
> > posibilidad y que por culpa de un mal navegador no lo podamos usar.
> >
> > Ya os contaré cuando pruebe lo que me habéis pasado.
> >
> > Lo dicho muchas gracias a todos
> >
> > El 19 de mayo de 2009 22:34, Alex Lillo  escribió:
> >
> > > Hola Mauricio,
> > > Yo no limitaría mis diseños porque todavía siga coleando un navegador
> > > deficiente. Está claro que debes estudiar tu mercado, y si en él IE6 es
> > > mayoritario no abusar de transparencias, pero con la cantidad de
> > > alternativas que hay en la red descartar algo tan potente como PNG
> > > transparentes es un crimen!
> > >
> > > Un saludo,
> > >
> > >
> > > --
> > > Alex Lillo
> > > www.nordic-design.net
> > > http://www.linkedin.com/in/alexlillo
> > >
> > >
> > > 2009/5/19 Mauricio Dulce 
> > >
> > > > Hola andres, lo mejor es tratar de usar un jpg o un gif, ya que las
> > > > transparencias de los png no son soportadas en versiones anteriores a
> > > > la 6, acá dejo un link que te puede ayudar un poco, pero esto genera
> > > > algún tipo de problemas con los menús desplegables, o cosas que usen
> > > > java script .
> > > >
> > > >
> > > >
> > >
> >
> http://www.cristalab.com/tips/png-con-transparencia-alpha-png32-en-internet-explorer-c21618l/
> > > >
> > > > en fin espero te sirva ya que hay una cantidad de soluciones,
> > > > El 19/05/2009, a las 13:03, Andrés gutiérrez escribió:
> > > >
> > > > > Hola a todos ¿como hacéis vosotros para meter img transparentes PNG
> > en
> > > > > vuestras páginas y que se vean bien en ie5.5 y ie6
> > > > >
> > > > > Lo que yo hago:
> > > > >
> > > > > 1-Pongo en el 
> > > > >
> > > > >
> > > > > 
> > > > > 
> > > > > 
> > > > >
> > > > > Sólo me funciona si lo pongo en el head. Si lo pongo en un archivo
> > > > > .css aparte no me lo muestra. La ruta que pongo es relativa, pero
> > > > > poniendo:
> > > > > src='http://www.mipagina/img/the_png.png'
> > > > >
> > > > > también me lo muestra
> > > > >
> > > > > En el bodi lo uso asi:
> > > > > 
> > > > >
> > > > >
> > > > > Como veís le aplico la clase que he definido en el head y esto hace
> > > > > que muestre en esa etiqueta IMG una img de fondo y desplace 150px
> lo
> > > > > que yo pongo en el atributo src de mi tag IMG
> > > > >
> > > > > Dudas:
> > > > > ¿Este filtro se puede usar desde un .css externo? (a mi no me está
> > > > > funcionando)
> > > >
> >
> >
> ___
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-20 Por tema Jorge Gónzalez - yparamuestaunboton . com
Pero siempre puedes hacerlo correctamente enviando todos los valores cuando
este el js desactivado y meterle una capa de js (usando ajax, ademas creo
que este caso concreto te viene muy bien realizar peticiones asincrónicas).
Yo en mi humilde opinión no creo que haya que prescindir del js, solo hacer
que funcione con js (sobre todo si añade funcionalidad y consigues que
funcione de una forma mucho más limpia que sin el) y sin js para garantizar
la accesibilidad en la aplicación.

Jorge González Sánchez | http://yparamuestraunboton.com


El 20 de mayo de 2009 3:26, Miguel Beltran R. escribió:

> El 19 de mayo de 2009 9:22, Félix Horro Pita 
> escribió:
>
> > > lo he consultado en esta lista, www-html, y de momento lo que me han
> > > dicho es que se puede utilizar un unico form y diferenciar que linea
> > > se esta enviando por el valor del submit> > name="borrar_30" value="Borrar email" /> > > name="reply_30" value="Eliminar email" />
> >
> >
> > Sí, pero en ese caso envías la información de todas las filas, cuando
> > realmente sólo necesitas una. Por ejemplo para borrar la fila 30 sólo te
> > haría falta enviar algo como  > value="Eliminar fila" />, y sin embargo con este método enviarías toda
> > la información de todas las filas.
> >
> > Quizá sea un mal menor...
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
> Si tengo en mi listado 50 renglones si seria relativamente mucho que mandar
> al servidor a diferencia de 1 renglon.
> ___
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-20 Por tema Philipp Keweloh
El día 20 de mayo de 2009 11:52, Jorge Gónzalez -
yparamuestaunboton.com  escribió:
> Pero siempre puedes hacerlo correctamente enviando todos los valores cuando
> este el js desactivado y meterle una capa de js (usando ajax, ademas creo
> que este caso concreto te viene muy bien realizar peticiones asincrónicas).
> Yo en mi humilde opinión no creo que haya que prescindir del js, solo hacer
> que funcione con js (sobre todo si añade funcionalidad y consigues que
> funcione de una forma mucho más limpia que sin el) y sin js para garantizar
> la accesibilidad en la aplicación.
>
> Jorge González Sánchez | http://yparamuestraunboton.com
>
>
> El 20 de mayo de 2009 3:26, Miguel Beltran R. escribió:
>
>> El 19 de mayo de 2009 9:22, Félix Horro Pita 
>> escribió:
>>
>> > > lo he consultado en esta lista, www-html, y de momento lo que me han
>> > > dicho es que se puede utilizar un unico form y diferenciar que linea
>> > > se esta enviando por el valor del submit   > > > name="borrar_30" value="Borrar email" />> > > name="reply_30" value="Eliminar email" />
>> >
>> >
>> > Sí, pero en ese caso envías la información de todas las filas, cuando
>> > realmente sólo necesitas una. Por ejemplo para borrar la fila 30 sólo te
>> > haría falta enviar algo como > > value="Eliminar fila" />, y sin embargo con este método enviarías toda
>> > la información de todas las filas.
>> >
>> > Quizá sea un mal menor...
>> > ___
>> > 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://lists.ovillo.org/mailman/listinfo/ovillo
>> >
>>
>> Si tengo en mi listado 50 renglones si seria relativamente mucho que mandar
>> al servidor a diferencia de 1 renglon.
>> ___
>> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
>

Ahí le has dado Jorge, yo pienso lo mismo. Primero que funcione todo
sin ninguna tecnología y sólo con html puro, y ya luego, hacerle las
piruetas que quieras con comportamientos.
Este debería de ser el planteamiento para cualquier situación.

-- 
Philipp Keweloh

"Success is not in what you have, but who you are." - Bo Bennett  -
http://feedproxy.google.com/~r/randomquotes/~3/G2PjcLJ0ONI/
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto formato de formularios

2009-05-20 Por tema Jorge Gónzalez - yparamuestaunboton . com
A mi me gusta la opción de usar listas de definición para
plantear formularios un poco más semánticos, la verdad que lo he usado
en algún proyecto pero no soy capaz de encontrarlo así que te paso un par de
link que encontré,

http://mattsnider.com/architecture/building-better-forms/

code__



First Name:

Last Name:

Email Address:

Your Thoughts:





/code

vía: http://webdesign.about.com/od/htmltags/a/aa112006.htm


Jorge González Sánchez | http://yparamuestraunboton.com


El 20 de mayo de 2009 9:30, Marc Palau  escribió:

> Y aquí llega el kit,
>
> agrupar los campos con elementos de bloque, para forzar el salto de línea
> después del último elemento, por ejemplo un span o un input.
> Todo ello agrupado dentro de un fieldset con su legend (esto es de cajón).
>
> La duda que tengo es básicamente de qué etiqueta utilizar ahora para ello:
>
>  es para un parágrafo. Un elemento de formulario se considera un
> parágrafo?
>  es un elemento de bloque, se podría utilizar pero un formulario puede
> llegar a ser una lista de campos... entonces
>  es un elemento muy personalizable y nos permitiría agrupar cada campo
> en una línia.
>
> Ahora, qué es lo más correcto? Lo puedo maketar de cualquier forma, pero a
> ver si por fin me queda claro cómo se monta un formulario para facilitar la
> lectura a los navegadores y facilitar la implementación del diseño.
>
> CONTENEDOR | ETIQUETA | ELEMENTO DE FORM | EXTRAS | CIERRE CONTENEDOR
>
> ¿qué contenedor?
>
> saludos!!
> Marc
> http://www.lost.in
>
> - Original Message -
> From: "Philipp Keweloh" 
> To: "Ovillo, la lista de CSS en castellano" 
> Sent: Tuesday, May 19, 2009 4:22 PM
> Subject: Re: [Ovillo] correcto formato de formularios
>
>
> El día 19 de mayo de 2009 14:13, Asela Ortiz de Murua
>  escribió:
> > Hola Marc:
> >
> > No es necesario , ni , como mucho , con CSS se controla .
> >
> > 
> > 
> > nombre > id="nombre"/>*obligatorio
> > clave > href="?verpass">Ver password
> > 
> > 
> > 
> >
> >
> > Puedes encontrar más pistas y esquemas en estos enlaces:
> > http://www.librosweb.es/css/capitulo11.html
> > http://www.librosweb.es/css/capitulo11/estilos_avanzados4.html
> >
> > Un saludo y suerte
> > Asela
> > ___
> > 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://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
> ¿Y por qué no un fieldset?
>
> --
> Philipp Keweloh
>
> "Success is not in what you have, but who you are." - Bo Bennett  -
> http://feedproxy.google.com/~r/randomquotes/~3/G2PjcLJ0ONI/
> ___
> 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto formato de formularios

2009-05-20 Por tema Ramón Corominas
Y digo yo, existiendo label/input, ¿qué semántica añade una lista de 
definición?

Jorge Gónzalez - yparamuestaunboton.com escribió:
> A mi me gusta la opción de usar listas de definición para
> plantear formularios un poco más semánticos, la verdad que lo he usado
> en algún proyecto pero no soy capaz de encontrarlo así que te paso un par de 
> link que encontré,
>   

___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto formato de formularios

2009-05-20 Por tema Asela Ortiz de Murua
Agrupar cada campo con su label en una línea o dos, depende del float y del
width (con float pinta 2 líneas y sin float 1 sóla) El background y borde te
permiten unificarlo visualmente por ejemplo; y así sucesivamente, vas dando
estilos.

Quiero dedir que no hacen falta más contenedores; que con CSS y el esquema
siguiente es correcto (estándar y accesible)  y suficiente para hacer
formularios bonitos.



 ...


texto
diferenciado
...

 ...



Un saludo
Asela

PD: Un par de enlaces imprescindibles  de recomendaciones sobre formularios
accesibles de Olga Carreras
http://olgacarreras.blogspot.com/2007/02/formularios-usables-60-directrices-de.html
http://olgacarreras.blogspot.com/2007/02/las-75-directrices-de-accesibilidad-de.html#direccJacok
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto formato de formularios

2009-05-20 Por tema Jorge Gónzalez - yparamuestaunboton . com
Perdón no pretendía sustituir las labels en ningún caso, copie y pegue
el código muy rápido y creí que tb contenía las labels, lo copie y
pego de la primera referencia que esta mejor.

El termino a definir se propone y es el propio usuario quien le añade
la definición, para mi tiene todo el sentido del mundo.



To:

Subject:

Message: 



Jorge González Sánchez | http://yparamuestraunboton.com


El 20 de mayo de 2009 12:39, Ramón Corominas
 escribió:
>
> Y digo yo, existiendo label/input, ¿qué semántica añade una lista de
> definición?
>
> Jorge Gónzalez - yparamuestaunboton.com escribió:
> > A mi me gusta la opción de usar listas de definición para
> > plantear formularios un poco más semánticos, la verdad que lo he usado
> > en algún proyecto pero no soy capaz de encontrarlo así que te paso un par 
> > de link que encontré,
> >
>
> ___
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] PNG transparente y filter de Microsoft

2009-05-20 Por tema Andrés gutiérrez
Gracias Jorge, la verdad que la que me recomienda Juancho es la que mejor
pinta tiene. A ver sino lo dejo aparcado y lo implemento en algo real

Gracias a todos.

Por cierto, ¿Alguien ha usado algún Framework css/xHTML del estilo YUI
(Yahoo) o YAML? Si es que SÍ
¿sabeis si alguno de estos dos (u otros) ya se han currado el integrar el
soporte para PNG's?

El 20 de mayo de 2009 11:40, Jorge Gónzalez - yparamuestaunboton.com <
del...@gmail.com> escribió:

> Hola Andrés,
> Estoy de acuerdo con Alex, creo que deberías usarlo sin problemas y no
> dejar
> de lado los png transparentes por un navegador.Prueba con la librería que
> te
> comenta Juancho (a mi me dio muy buenos resultados) eso si incluyela
> mediante comentarios condicionales como te explican en la home del
> proyecto,
> con un poco de suerte, te olvidas de los png's en ie6 :)
> Un saludo,
> Jorge González Sánchez | http://yparamuestraunboton.com
>
> El 20 de mayo de 2009 9:37, Alex Lillo  escribió:
>
> > Por cierto Andrés, otra solución que puedes ver funcionando:
> > http://www.dillerdesign.com/experiment/DD_belatedPNG/
> >
> > Está funcionando por ejemplo aquí:
> > http://www.pepepoliza.com/
> >
> > Un saludo,
> >
> > --
> > Alex Lillo
> > www.nordic-design.net
> > http://www.linkedin.com/in/alexlillo
> >
> >
> >
> > 2009/5/20 Andrés gutiérrez 
> >
> > > Gracias a todos por contestar. Mauricio, se que es algo difícil de
> > > conseguir, pero lo tengo que intentar. Es una lastima que exista esta
> > > posibilidad y que por culpa de un mal navegador no lo podamos usar.
> > >
> > > Ya os contaré cuando pruebe lo que me habéis pasado.
> > >
> > > Lo dicho muchas gracias a todos
> > >
> > > El 19 de mayo de 2009 22:34, Alex Lillo 
> escribió:
> > >
> > > > Hola Mauricio,
> > > > Yo no limitaría mis diseños porque todavía siga coleando un navegador
> > > > deficiente. Está claro que debes estudiar tu mercado, y si en él IE6
> es
> > > > mayoritario no abusar de transparencias, pero con la cantidad de
> > > > alternativas que hay en la red descartar algo tan potente como PNG
> > > > transparentes es un crimen!
> > > >
> > > > Un saludo,
> > > >
> > > >
> > > > --
> > > > Alex Lillo
> > > > www.nordic-design.net
> > > > http://www.linkedin.com/in/alexlillo
> > > >
> > > >
> > > > 2009/5/19 Mauricio Dulce 
> > > >
> > > > > Hola andres, lo mejor es tratar de usar un jpg o un gif, ya que las
> > > > > transparencias de los png no son soportadas en versiones anteriores
> a
> > > > > la 6, acá dejo un link que te puede ayudar un poco, pero esto
> genera
> > > > > algún tipo de problemas con los menús desplegables, o cosas que
> usen
> > > > > java script .
> > > > >
> > > > >
> > > > >
> > > >
> > >
> >
> http://www.cristalab.com/tips/png-con-transparencia-alpha-png32-en-internet-explorer-c21618l/
> > > > >
> > > > > en fin espero te sirva ya que hay una cantidad de soluciones,
> > > > > El 19/05/2009, a las 13:03, Andrés gutiérrez escribió:
> > > > >
> > > > > > Hola a todos ¿como hacéis vosotros para meter img transparentes
> PNG
> > > en
> > > > > > vuestras páginas y que se vean bien en ie5.5 y ie6
> > > > > >
> > > > > > Lo que yo hago:
> > > > > >
> > > > > > 1-Pongo en el 
> > > > > >
> > > > > >
> > > > > > 
> > > > > > 
> > > > > > 
> > > > > >
> > > > > > Sólo me funciona si lo pongo en el head. Si lo pongo en un
> archivo
> > > > > > .css aparte no me lo muestra. La ruta que pongo es relativa, pero
> > > > > > poniendo:
> > > > > > src='http://www.mipagina/img/the_png.png'
> > > > > >
> > > > > > también me lo muestra
> > > > > >
> > > > > > En el bodi lo uso asi:
> > > > > > 
> > > > > >
> > > > > >
> > > > > > Como veís le aplico la clase que he definido en el head y esto
> hace
> > > > > > que muestre en esa etiqueta IMG una img de fondo y desplace 150px
> > lo
> > > > > > que yo pongo en el atributo src de mi tag IMG
> > > > > >
> > > > > > Dudas:
> > > > > > ¿Este filtro se puede usar desde un .css externo? (a mi no me
> está
> > > > > > funcionando)
> > > > >
> > >
> > >
> > ___
> > 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto uso de form en una tabla

2009-05-20 Por tema Phaseolus
Como indican, creo que, al fin y al cabo,  lo mejor es hacerlo
funcionar sin js, pero sí
agregarle funcionalidades no intrusivas con js

De paso dale una miradita a jQuery donde puedes capturar el evento
submit y así filtrar y enviar sólo lo que necesitas reduciendo el
tráfico en la red, haciendo tu aplicación más rápida.

En estos días, el uso de js es casi de facto, sobre todo para el tipo
de usuarios que necesitarían acceder a una aplicación como la que
tienes (se me hace que es una intranet).

No estoy de acuerdo en restringir el uso solo a navegadores nuevos. Yo
hago sistemas para grandes empresas como bancos aerolineas e
instituciones públicas y te aseguro que muchos usuarios (incluyendo
ejecutivos) son reacios a cambiar su IE7 e incluso algunos su IE6
(puaj!! ...asco) y en otros casos los computadores que usan son tan
obsoletos que no se puede pedir más. Por eso yo que tu partiría desde
IE7 el cual no es tan asqueroso y te permite (con algunos trucos
sencillos) acercarse un poco a los estandares (suena a sacrilegio lo
que digo, pero no es dificil apañarselas con IE7), además de construir
por defecto para los navegadores que cumplen estándares.

Saludos

Phas.
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto formato de formularios

2009-05-20 Por tema Ramon Lapenta
Lo mismo digo, añadiendo fieldset.

listas de definicion es para cosas como un glosario donde hay terminos  
que tienen su significado, quizas una lista de preguntas frecuentes,  
pero no un form.


On May 20, 2009, at 5:39 AM, Ramón Corominas wrote:

> Y digo yo, existiendo label/input, ¿qué semántica añade una lista de
> definición?
>
> Jorge Gónzalez - yparamuestaunboton.com escribió:
>> A mi me gusta la opción de usar listas de definición para
>> plantear formularios un poco más semánticos, la verdad que lo he  
>> usado
>> en algún proyecto pero no soy capaz de encontrarlo así que te paso  
>> un par de link que encontré,
>>
>
> ___
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto formato de formularios

2009-05-20 Por tema Ramon Lapenta
Contenedor es la etiqueta , dentro tienes contenedores  
 (puede haber varios), incluso puedes usar los   
rodeando los .

Digo, rara vez he necesitado agregar elementos adicionales a los  
naturales del form para maquetarlo:

http://www.dessigual.com/contactos/


On May 20, 2009, at 2:30 AM, Marc Palau wrote:

> Y aquí llega el kit,
>
> agrupar los campos con elementos de bloque, para forzar el salto de  
> línea
> después del último elemento, por ejemplo un span o un input.
> Todo ello agrupado dentro de un fieldset con su legend (esto es de  
> cajón).
>
> La duda que tengo es básicamente de qué etiqueta utilizar ahora para  
> ello:
>
>  es para un parágrafo. Un elemento de formulario se considera un
> parágrafo?
>  es un elemento de bloque, se podría utilizar pero un  
> formulario puede
> llegar a ser una lista de campos... entonces
>  es un elemento muy personalizable y nos permitiría agrupar cada  
> campo
> en una línia.
>
> Ahora, qué es lo más correcto? Lo puedo maketar de cualquier forma,  
> pero a
> ver si por fin me queda claro cómo se monta un formulario para  
> facilitar la
> lectura a los navegadores y facilitar la implementación del diseño.
>
> CONTENEDOR | ETIQUETA | ELEMENTO DE FORM | EXTRAS | CIERRE CONTENEDOR
>
> ¿qué contenedor?
>
> saludos!!
> Marc
> http://www.lost.in
>
> - Original Message -
> From: "Philipp Keweloh" 
> To: "Ovillo, la lista de CSS en castellano" 
> Sent: Tuesday, May 19, 2009 4:22 PM
> Subject: Re: [Ovillo] correcto formato de formularios
>
>
> El día 19 de mayo de 2009 14:13, Asela Ortiz de Murua
>  escribió:
>> Hola Marc:
>>
>> No es necesario , ni , como mucho , con CSS se  
>> controla .
>>
>> 
>> 
>> nombre> id="nombre"/>*obligatorio
>> clave> >> href="?verpass">Ver password
>> 
>> 
>> 
>>
>>
>> Puedes encontrar más pistas y esquemas en estos enlaces:
>> http://www.librosweb.es/css/capitulo11.html
>> http://www.librosweb.es/css/capitulo11/estilos_avanzados4.html
>>
>> Un saludo y suerte
>> Asela
>> ___
>> 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://lists.ovillo.org/mailman/listinfo/ovillo
>>
>
> ¿Y por qué no un fieldset?
>
> -- 
> Philipp Keweloh
>
> "Success is not in what you have, but who you are." - Bo Bennett  -
> http://feedproxy.google.com/~r/randomquotes/~3/G2PjcLJ0ONI/
> ___
> 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto formato de formularios

2009-05-20 Por tema Marc Palau
¿Entonces finalmente nos hemos puesto de acuerdo con algo?

Despues de leer me da que lo mejor es LABEL INPUT EXTRA y con CSS lo 
formateamos. El problema es que todo tendrá que flotar y nunca termino 
de aclararme con cómo aplicar el CSS para que no me haga cosas raras en 
IE6 por ejemplo.

un saludote!!
marc

En/na Ramón Corominas ha escrit:
> ¿Y para qué los fieldset si no hay campos que tengan relación entre sí? 
> Y sobre todo, poner un fieldset sin legend añade semántica (agrupación) 
> sin etiquetado, lo cual puede ser peor.
>
> Asela Ortiz de Murua escribió:
>   
>> Quiero dedir que no hacen falta más contenedores; que con CSS y el esquema 
>> siguiente es correcto (estándar y accesible)  y suficiente para hacer 
>> formularios bonitos.
>>
>> 
>> 
>>  ...
>> 
>>
>> texto
>> diferenciado
>> ...
>> 
>>  ...
>> 
>>   
>> 
>
> ___
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Ayuda con scroll horizontal

2009-05-20 Por tema Ignacio Aguirre
Estimados

 Acudo a ustedes pues me encuentro con un problema al intentar diagramar un
sitio.

 Les cuento, estoy intentando montar un sitio, el cual tiene scroll
horizontal, pero necesito que solo un elemento del sitio se mueva, todos los
demas poseen la propiedad position:fixed

 Les pego el codigo importante:

 CSS
-
body{ background:#FFF url(imagenes/bodybg.jpg) fixed no-repeat top
left; margin:0; padding:0; width:1473px; }
#contenedor { width:1188px; height:404px; position:absolute; top:143px;
left:285px; overflow:hidden; }
.inicio_modulo { position:relative; float:left; }
#inicio_modulo1 { width:227px; height:404px; margin-right:60px;
display:block; }

luego hay otros #inicio_modulox con otros anchos.

HTML



Lipsum lipsum




Lo que necesito es que los elementos dentro del div contenedor se muevan al
hacer scroll. Pero que desaparescan a medida que me muevo hacia la derecha
(dentro del div contenido).

El asunto esta montado en: http://www.lasanta.cl
El CSS esta en: http://www.lasanta.cl/wp-content/themes/lasanta/style.css



Agradecería mucho me pudieran echar una manito, pues tengo que entregar esto
lo antes posible y sigo estancado por ese problema.


Muchos saludos a todos y gracias!!!


--
Ignacio Aguirre
Estratega Comunicacional
Independiente Producciones
6.2292076
___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Tablas en IE: fuentes pixeladas y bordes que no aparecen

2009-05-20 Por tema Mauricio Dulce
Hola Andres, que tal si cambias esto

#page table tr {display:table-row; vertical-align:middle; border- 
bottom:1px dotted #909ca9;}
por esto
#page table tr {display:table-row; vertical-align:middle; border- 
bottom:1px dotted #909ca9;}
y esto
#page table td {padding:5px 10px 7px 0; text-align:left; vertical- 
align:middle; display:table-cell }
por esto
#page table td {padding:5px 10px 7px 0; text-align:left; vertical- 
align:middle; display:table-cell;border-bottom:1px dotted #909ca9; }


El 20/05/2009, a las 12:09, Andrés escribió:

> de

___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] correcto formato de formularios

2009-05-20 Por tema Ramón Corominas
¿Y para qué los fieldset si no hay campos que tengan relación entre sí? 
Y sobre todo, poner un fieldset sin legend añade semántica (agrupación) 
sin etiquetado, lo cual puede ser peor.

Asela Ortiz de Murua escribió:
> Quiero dedir que no hacen falta más contenedores; que con CSS y el esquema 
> siguiente es correcto (estándar y accesible)  y suficiente para hacer 
> formularios bonitos.
>
> 
> 
>  ...
> 
>
> texto
> diferenciado
> ...
> 
>  ...
> 
>   

___
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://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Tablas en IE: fuentes pixeladas y bordes que no aparecen

2009-05-20 Por tema Andrés
>
Hola,

Me estoy volviendo loco con las tablas que hay dentro de este  
acordeón: http://www.andresgutierrez.net/diversia/referencias.html

Las fuentes de los subtítulos se pixelan y los boder-bottom de los tr  
no me aparecen en nigún explorer (6,7 y 8)

¿Alguien tiene alguna pista?. He pensado que el problema del border  
era por el border-collapse, pero no.

Gracias. Un saludo.

___
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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Tablas en IE: fuentes pixeladas y bordes que no aparecen

2009-05-20 Por tema Andrés
Gracias Mauricio. Me había emperrado con el tr...
Pero lo de las fuentes no se por dónde cogerlo :_(



El 20/05/2009, a las 19:21, Mauricio Dulce escribió:

> Hola Andres, que tal si cambias esto
>
> #page table tr {display:table-row; vertical-align:middle; border-
> bottom:1px dotted #909ca9;}
> por esto
> #page table tr {display:table-row; vertical-align:middle; border-
> bottom:1px dotted #909ca9;}
> y esto
> #page table td {padding:5px 10px 7px 0; text-align:left; vertical-
> align:middle; display:table-cell }
> por esto
> #page table td {padding:5px 10px 7px 0; text-align:left; vertical-
> align:middle; display:table-cell;border-bottom:1px dotted #909ca9; }
>
>
> El 20/05/2009, a las 12:09, Andrés escribió:
>
>> de
>
> ___
> 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Tablas en IE: fuentes pixeladas y bordes que no aparecen

2009-05-20 Por tema Ignacio Ricci
Usa otro script. Con jquery haces eso facil.

2009/5/20 Andrés 

> Gracias Mauricio. Me había emperrado con el tr...
> Pero lo de las fuentes no se por dónde cogerlo :_(
>
>
>
> El 20/05/2009, a las 19:21, Mauricio Dulce escribió:
>
> > Hola Andres, que tal si cambias esto
> >
> > #page table tr {display:table-row; vertical-align:middle; border-
> > bottom:1px dotted #909ca9;}
> > por esto
> > #page table tr {display:table-row; vertical-align:middle; border-
> > bottom:1px dotted #909ca9;}
> > y esto
> > #page table td {padding:5px 10px 7px 0; text-align:left; vertical-
> > align:middle; display:table-cell }
> > por esto
> > #page table td {padding:5px 10px 7px 0; text-align:left; vertical-
> > align:middle; display:table-cell;border-bottom:1px dotted #909ca9; }
> >
> >
> > El 20/05/2009, a las 12:09, Andrés escribió:
> >
> >> de
> >
> > ___
> > 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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
___
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://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Tablas en IE: fuentes pixeladas y bordes que no aparecen

2009-05-20 Por tema Mauricio Dulce
De nada pero por el afán se me pas quitar el border del tr, por regla  
general nunca uses bordes en los tr.

Me alegra haber podido ayudar. en cuanto a las fuentes, haz lo que  
dice Ignacio, jquery no revienta las fuentes, ademas es fácil de  
entender y realmente adictivo
El 20/05/2009, a las 15:20, Andrés escribió:

> Gracias Mauricio. Me había emperrado con el tr...
> Pero lo de las fuentes no se por dónde cogerlo :_(
>
>
>
> El 20/05/2009, a las 19:21, Mauricio Dulce escribió:
>
>> Hola Andres, que tal si cambias esto
>>
>> #page table tr {display:table-row; vertical-align:middle; border-
>> bottom:1px dotted #909ca9;}
>> por esto
>> #page table tr {display:table-row; vertical-align:middle; border-
>> bottom:1px dotted #909ca9;}
>> y esto
>> #page table td {padding:5px 10px 7px 0; text-align:left; vertical-
>> align:middle; display:table-cell }
>> por esto
>> #page table td {padding:5px 10px 7px 0; text-align:left; vertical-
>> align:middle; display:table-cell;border-bottom:1px dotted #909ca9; }
>>
>>
>> El 20/05/2009, a las 12:09, Andrés escribió:
>>
>>> de
>>
>> ___
>> 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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] PNG transparente y filter de Microsoft

2009-05-20 Por tema Ardilla Roja
La solucion que menciona Alex Lilo yo la implemente aqui
http://www.contrerastrucking.com/ y aqui http://huesoproductions.com/


Algo con lo que batalle es que si usas un .png de 1x1px como
backgrounnd en un div y con la propiedad de repeat, me colgaba
cualqueir IEx ... solucion: que el png fuera de 10x10px... o mas
grande...

Saludos,


2009/5/20 Andrés gutiérrez :
> Gracias Jorge, la verdad que la que me recomienda Juancho es la que mejor
> pinta tiene. A ver sino lo dejo aparcado y lo implemento en algo real
>
> Gracias a todos.
>
> Por cierto, ¿Alguien ha usado algún Framework css/xHTML del estilo YUI
> (Yahoo) o YAML? Si es que SÍ
> ¿sabeis si alguno de estos dos (u otros) ya se han currado el integrar el
> soporte para PNG's?
>
> El 20 de mayo de 2009 11:40, Jorge Gónzalez - yparamuestaunboton.com <
> del...@gmail.com> escribió:
>
>> Hola Andrés,
>> Estoy de acuerdo con Alex, creo que deberías usarlo sin problemas y no
>> dejar
>> de lado los png transparentes por un navegador.Prueba con la librería que
>> te
>> comenta Juancho (a mi me dio muy buenos resultados) eso si incluyela
>> mediante comentarios condicionales como te explican en la home del
>> proyecto,
>> con un poco de suerte, te olvidas de los png's en ie6 :)
>> Un saludo,
>> Jorge González Sánchez | http://yparamuestraunboton.com
>>
>> El 20 de mayo de 2009 9:37, Alex Lillo  escribió:
>>
>> > Por cierto Andrés, otra solución que puedes ver funcionando:
>> > http://www.dillerdesign.com/experiment/DD_belatedPNG/
>> >
>> > Está funcionando por ejemplo aquí:
>> > http://www.pepepoliza.com/
>> >
>> > Un saludo,
>> >
>> > --
>> > Alex Lillo
>> > www.nordic-design.net
>> > http://www.linkedin.com/in/alexlillo
>> >
>> >
>> >
>> > 2009/5/20 Andrés gutiérrez 
>> >
>> > > Gracias a todos por contestar. Mauricio, se que es algo difícil de
>> > > conseguir, pero lo tengo que intentar. Es una lastima que exista esta
>> > > posibilidad y que por culpa de un mal navegador no lo podamos usar.
>> > >
>> > > Ya os contaré cuando pruebe lo que me habéis pasado.
>> > >
>> > > Lo dicho muchas gracias a todos
>> > >
>> > > El 19 de mayo de 2009 22:34, Alex Lillo 
>> escribió:
>> > >
>> > > > Hola Mauricio,
>> > > > Yo no limitaría mis diseños porque todavía siga coleando un navegador
>> > > > deficiente. Está claro que debes estudiar tu mercado, y si en él IE6
>> es
>> > > > mayoritario no abusar de transparencias, pero con la cantidad de
>> > > > alternativas que hay en la red descartar algo tan potente como PNG
>> > > > transparentes es un crimen!
>> > > >
>> > > > Un saludo,
>> > > >
>> > > >
>> > > > --
>> > > > Alex Lillo
>> > > > www.nordic-design.net
>> > > > http://www.linkedin.com/in/alexlillo
>> > > >
>> > > >
>> > > > 2009/5/19 Mauricio Dulce 
>> > > >
>> > > > > Hola andres, lo mejor es tratar de usar un jpg o un gif, ya que las
>> > > > > transparencias de los png no son soportadas en versiones anteriores
>> a
>> > > > > la 6, acá dejo un link que te puede ayudar un poco, pero esto
>> genera
>> > > > > algún tipo de problemas con los menús desplegables, o cosas que
>> usen
>> > > > > java script .
>> > > > >
>> > > > >
>> > > > >
>> > > >
>> > >
>> >
>> http://www.cristalab.com/tips/png-con-transparencia-alpha-png32-en-internet-explorer-c21618l/
>> > > > >
>> > > > > en fin espero te sirva ya que hay una cantidad de soluciones,
>> > > > > El 19/05/2009, a las 13:03, Andrés gutiérrez escribió:
>> > > > >
>> > > > > > Hola a todos ¿como hacéis vosotros para meter img transparentes
>> PNG
>> > > en
>> > > > > > vuestras páginas y que se vean bien en ie5.5 y ie6
>> > > > > >
>> > > > > > Lo que yo hago:
>> > > > > >
>> > > > > > 1-Pongo en el 
>> > > > > >
>> > > > > >
>> > > > > > 
>> > > > > > 
>> > > > > > 
>> > > > > >
>> > > > > > Sólo me funciona si lo pongo en el head. Si lo pongo en un
>> archivo
>> > > > > > .css aparte no me lo muestra. La ruta que pongo es relativa, pero
>> > > > > > poniendo:
>> > > > > > src='http://www.mipagina/img/the_png.png'
>> > > > > >
>> > > > > > también me lo muestra
>> > > > > >
>> > > > > > En el bodi lo uso asi:
>> > > > > > 
>> > > > > >
>> > > > > >
>> > > > > > Como veís le aplico la clase que he definido en el head y esto
>> hace
>> > > > > > que muestre en esa etiqueta IMG una img de fondo y desplace 150px
>> > lo
>> > > > > > que yo pongo en el atributo src de mi tag IMG
>> > > > > >
>> > > > > > Dudas:
>> > > > > > ¿Este filtro se puede usar desde un .css externo? (a mi no me
>> está
>> > > > > > funcionando)
>> > > > >
>> > >
>> > >
>> > ___
>> > 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://lists.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 dato