Re: [Ovillo] correcto formato de formularios
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: p es para un parágrafo. Un elemento de formulario se considera un parágrafo? div es un elemento de bloque, se podría utilizar pero un formulario puede llegar a ser una lista de campos... entonces li 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 sku...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org 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 aomu...@gmail.com escribió: Hola Marc: No es necesario br /, ni p, como mucho div, con CSS se controla . form fieldset label for=nombrenombre/labelinput type=text id=nombre/span*obligatorio/span label for=claveclave/labelinput type=text id=clave /spana href=?verpassVer password/a/span input type=submit style=margin-left:200px / /fieldset /form 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
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 alex.li...@gmail.com 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 mauricio.du...@gmail.com 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 head/head head !--[if lte IE 6] style type=text/css .fixMe {filter:progid:DXImageTransform .Microsoft .AlphaImageLoader(enabled='true',src='the_png.png');padding-top:150px} /style ![endif]-- /head 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: img src=the_png.png class=fixMe / 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
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 andresgut...@gmail.com 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 alex.li...@gmail.com 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 mauricio.du...@gmail.com 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 head/head head !--[if lte IE 6] style type=text/css .fixMe {filter:progid:DXImageTransform .Microsoft .AlphaImageLoader(enabled='true',src='the_png.png');padding-top:150px} /style ![endif]-- /head 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: img src=the_png.png class=fixMe / 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
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 alex.li...@gmail.com 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 andresgut...@gmail.com 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 alex.li...@gmail.com 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 mauricio.du...@gmail.com 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 head/head head !--[if lte IE 6] style type=text/css .fixMe {filter:progid:DXImageTransform .Microsoft .AlphaImageLoader(enabled='true',src='the_png.png');padding-top:150px} /style ![endif]-- /head 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: img src=the_png.png class=fixMe / 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
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. yourpa...@gmail.comescribió: El 19 de mayo de 2009 9:22, Félix Horro Pita fho...@corunet.com 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 input type=submit name=borrar_30 value=Borrar email /input type=submit 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 input type=submit name=borrar_30 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 formato de formularios
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__ form action=# dl dtFirst Name:/dt ddinput type=text name=firstname id=firstname //dd dtLast Name:/dt ddinput type=text name=lastname id=firstname //dd dtEmail Address:/dt ddinput type=text name=email id=firstname //dd dtYour Thoughts:/dt ddtextarea name=thoughts id=thoughts cols=20 rows=5/textarea/dd dt class=nobginput type=submit name=submit value=Submit //dt /dl /form /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 m...@palaueb.com 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: p es para un parágrafo. Un elemento de formulario se considera un parágrafo? div es un elemento de bloque, se podría utilizar pero un formulario puede llegar a ser una lista de campos... entonces li 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 sku...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org 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 aomu...@gmail.com escribió: Hola Marc: No es necesario br /, ni p, como mucho div, con CSS se controla . form fieldset label for=nombrenombre/labelinput type=text id=nombre/span*obligatorio/span label for=claveclave/labelinput type=text id=clave /spana href=?verpassVer password/a/span input type=submit style=margin-left:200px / /fieldset /form 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
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
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. form fieldsetlabelinput-select-text ...//label ... /fieldset fieldsetlabelinput-select-text .../spantexto diferenciado/span/label ... /fieldset ... /form 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
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. form action=someURL class=clearfix id=someID method=post dl dtlabel for=form-msg-toTo:/label/dt ddinput id=form-msg-to name=to type=text value=//dd dtlabel for=form-msg-subjectSubject:/label/dt ddinput id=form-msg-subject name=subject type=text value=//dd dtlabel for=form-msg-messageMessage:/label/dt ddtextarea cols=30 id=form-msg-message name=body rows=5/textarea/dd /dl /form Jorge González Sánchez | http://yparamuestraunboton.com El 20 de mayo de 2009 12:39, Ramón Corominas lis...@ramoncorominas.com 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
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 alex.li...@gmail.com 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 andresgut...@gmail.com 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 alex.li...@gmail.com 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 mauricio.du...@gmail.com 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 head/head head !--[if lte IE 6] style type=text/css .fixMe {filter:progid:DXImageTransform .Microsoft .AlphaImageLoader(enabled='true',src='the_png.png');padding-top:150px} /style ![endif]-- /head 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: img src=the_png.png class=fixMe / 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
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
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
Contenedor es la etiqueta form, dentro tienes contenedores fieldset (puede haber varios), incluso puedes usar los label rodeando los input. 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: p es para un parágrafo. Un elemento de formulario se considera un parágrafo? div es un elemento de bloque, se podría utilizar pero un formulario puede llegar a ser una lista de campos... entonces li 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 sku...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org 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 aomu...@gmail.com escribió: Hola Marc: No es necesario br /, ni p, como mucho div, con CSS se controla . form fieldset label for=nombrenombre/labelinput type=text id=nombre/span*obligatorio/span label for=claveclave/labelinput type=text id=clave / spana href=?verpassVer password/a/span input type=submit style=margin-left:200px / /fieldset /form 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
¿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. form fieldsetlabelinput-select-text ...//label ... /fieldset fieldsetlabelinput-select-text .../spantexto diferenciado/span/label ... /fieldset ... /form ___ 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
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
¿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. form fieldsetlabelinput-select-text ...//label ... /fieldset fieldsetlabelinput-select-text .../spantexto diferenciado/span/label ... /fieldset ... /form ___ 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
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
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
Usa otro script. Con jquery haces eso facil. 2009/5/20 Andrés zumo_des...@hotmail.com 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
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
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 andresgut...@gmail.com: 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 alex.li...@gmail.com 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 andresgut...@gmail.com 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 alex.li...@gmail.com 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 mauricio.du...@gmail.com 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 head/head head !--[if lte IE 6] style type=text/css .fixMe {filter:progid:DXImageTransform .Microsoft .AlphaImageLoader(enabled='true',src='the_png.png');padding-top:150px} /style ![endif]-- /head 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: img src=the_png.png class=fixMe / 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