Re: [Ovillo] correcto formato de formularios
Interesante enlace: http://www.usability.com.au/resources/wcag2/ El 21 de mayo de 2009 22:59, Ramón Corominas lis...@ramoncorominas.comescribió: Lo de campo obligatorio tiene que ir sí o sí dentro del label, ya que de lo contrario no será leído por un lector de pantalla. Los lectores de pantalla cuando acceden a un control leen lo que pone la etiqueta. Por eso puede ser buena idea encerrar el input dentro del label, además de enlazarlos con los atributos for/id. El enlace adicional mostrar contraseña no forma parte de la etiqueta de ese control, por lo que debe quedar fuera del label. Agrupar los campos con fieldset sólo debería hacerse cuando los campos tienen relación entre sí, y siempre proporcionando un legend. Si no se pone legend queda el fieldset queda cojo. Otra cosa es que sea interpretable lo de encerrar todos los campos de un mismo form dentro de un fieldset global. Saludos, Ramón. ___ 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 -- Sergio Iglesias Sánchez ser.igles...@gmail.com www.sergioiglesias.net www.sergioiglesias.tel ___ 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
Hola. En un DTD estricto se especifica que dentro de un form sólo puede haber elementos de bloque (que no sean otros form). Así que entre los diferentes controles y el form debe de mediar un elemento de bloque como div o fieldset, por ejemplo. Esto te falta en la solución A. Además, obligas a saltos de línea con br y esto limita la flexibilidad de CSS. La solución de Asela, en la que agloba todos los controles en un elemento de bloque común, es la más simple. La solución B o C en la que incluyes los diferentes controles en elementos de bloque como div o p proporciona mayor flexibilidad de diseño. En un uso simple, te evitará enfrentarte a los floats que tanto temes. También se pueden sustituir los div por otros elementos de bloque como se ha comentado en este hilo. También deberías tener en cuenta que el atributo name es necesario en algunos navegadores para que se envíe el nombre del campo. Saludos. El día 20 de mayo de 2009 19:23, Marc Palau m...@palaueb.com escribió: ¿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 ___ 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 de campo obligatorio tiene que ir sí o sí dentro del label, ya que de lo contrario no será leído por un lector de pantalla. Los lectores de pantalla cuando acceden a un control leen lo que pone la etiqueta. Por eso puede ser buena idea encerrar el input dentro del label, además de enlazarlos con los atributos for/id. El enlace adicional mostrar contraseña no forma parte de la etiqueta de ese control, por lo que debe quedar fuera del label. Agrupar los campos con fieldset sólo debería hacerse cuando los campos tienen relación entre sí, y siempre proporcionando un legend. Si no se pone legend queda el fieldset queda cojo. Otra cosa es que sea interpretable lo de encerrar todos los campos de un mismo form dentro de un fieldset global. Saludos, Ramón. ___ 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 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] 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] 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] 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] correcto formato de formularios
Hola, este tema está algo trillado pero despues de revisar la lista durante un rato no he conseguido dar con algo tan específico como la duda puntual que tengo. A ver si algún gurú del CSS me sabe orientar en mi senda, ya que estoy en un momento de indecisión y no consigo decidir-me para donde ir (parece filosofía casi jejeje). Mi duda es la siguiente: Estoy formateando un formulario típico: nombre | INPUT | *obligatorio password | INPUT | VERPASSWORD espacio | SUBMIT | nada aparentemente es una cuadricula, entonces: Cómo es mejor que lo monte? (elija una respuesta o aporte una mejor): A) form label for=nombrenombre/labelinput type=text id=nombre /span*obligatorio/spanbr / label for=claveclave/labelinput type=text id=clave /spana href=?verpassVer password/a/spanbr / input type=submit style=margin-left:200px / /form B) form plabel for=nombrenombre/labelinput type=text id=nombre /span*obligatorio/span/p plabel for=claveclave/labelinput type=text id=clave /spana href=?verpassVer password/a/span/p pinput type=submit style=margin-left:200px //p /form C) form divlabel for=nombrenombre/labelinput type=text id=nombre /span*obligatorio/span/div divlabel for=claveclave/labelinput type=text id=clave /spana href=?verpassVer password/a/span/div divinput type=submit style=margin-left:200px //div /form Bueno, a ver que es lo más correcto y para el CSS ya me pegaré la currada yo solo, os agradezco que me indiquéis cual crees que es más correcto, aunque tan solo sea una tonteria me tiene en ascuas y no quiero truñear el código. Otra opción es que me digáis que eso está mal y que la mejor forma es otra, aunque pueda parecer estúpido por mi parte preguntar una obviedad así, lo hago porqué no es lo mismo maquetar etiqueta-salto de linea-input que etiqueta-input que hay variaciones que me hacen cuestionar la mejor forma de hacerlo. Aunque puestos a guarrear yo ya soy un experto, así que a ver que sale de esto. muchas gracias saludos!! Marc http://www.nbsp.es ___ 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
div id=login-form form ... p class=avisostrongNota:/strong los campos marcados con un asterisco son obligatorios/p div id=div-nombre label id=lbl-nombre for=txt-nombre title=Nombre de usuario, campo obligatorio Nombre * span class=ocultar(campo obligatorio)/span input id=txt-nombre name=nombre type=text / /label /div div id=div-clave label id=lbl-clave for=pwd-clave title=Clave, campo obligatorio Clave * span class=ocultar(campo obligatorio)/span input id=pwd-clave name=clave type=password / /label a href=...Mostrar clave/a /div input id=btn-aceptar type=submit value=Aceptar / /form /div!--/#login-form-- Saludos, Ramón. ___ 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
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
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
Re: [Ovillo] correcto formato de formularios
pues yo siempre hago los formularios agrupandolos en fieldset, siempre que sea necesario, y cada input con su respectivo label y dentro de un p, quizas algunos lo consideren innecesario, pero prefiero formatearlo de ese modo, asi los elementos a la ausencia de CSS no se veran lineales y no crearian confusion, en caso de ser muchos elementos de formulario. este seria mi modo de hacerlo: form fieldset title=formulario de ejemplo legendFormulario de ejemplo/legend plabel for=nombrenombre/labelinput type=text id=nombre /span*obligatorio/span/p plabel for=claveclave/labelinput type=text id=clave /spana href=?verpassVer password/a/span/p pinput type=submit style=margin-left:200px //p /fieldset /form saludos a la lista! El 19 de mayo de 2009 7:20, Marc Palau m...@palaueb.com escribió: Hola, este tema está algo trillado pero despues de revisar la lista durante un rato no he conseguido dar con algo tan específico como la duda puntual que tengo. A ver si algún gurú del CSS me sabe orientar en mi senda, ya que estoy en un momento de indecisión y no consigo decidir-me para donde ir (parece filosofía casi jejeje). Mi duda es la siguiente: Estoy formateando un formulario típico: nombre | INPUT | *obligatorio password | INPUT | VERPASSWORD espacio | SUBMIT | nada aparentemente es una cuadricula, entonces: Cómo es mejor que lo monte? (elija una respuesta o aporte una mejor): A) form label for=nombrenombre/labelinput type=text id=nombre /span*obligatorio/spanbr / label for=claveclave/labelinput type=text id=clave /spana href=?verpassVer password/a/spanbr / input type=submit style=margin-left:200px / /form B) form plabel for=nombrenombre/labelinput type=text id=nombre /span*obligatorio/span/p plabel for=claveclave/labelinput type=text id=clave /spana href=?verpassVer password/a/span/p pinput type=submit style=margin-left:200px //p /form C) form divlabel for=nombrenombre/labelinput type=text id=nombre /span*obligatorio/span/div divlabel for=claveclave/labelinput type=text id=clave /spana href=?verpassVer password/a/span/div divinput type=submit style=margin-left:200px //div /form Bueno, a ver que es lo más correcto y para el CSS ya me pegaré la currada yo solo, os agradezco que me indiquéis cual crees que es más correcto, aunque tan solo sea una tonteria me tiene en ascuas y no quiero truñear el código. Otra opción es que me digáis que eso está mal y que la mejor forma es otra, aunque pueda parecer estúpido por mi parte preguntar una obviedad así, lo hago porqué no es lo mismo maquetar etiqueta-salto de linea-input que etiqueta-input que hay variaciones que me hacen cuestionar la mejor forma de hacerlo. Aunque puestos a guarrear yo ya soy un experto, así que a ver que sale de esto. muchas gracias saludos!! Marc http://www.nbsp.es ___ 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 -- Jonathan C. lockhe...@gmail.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
