Re: [Ovillo] Forma correcta de posicionar labels e input fields
Por supuesto que es discutible Ignacio, para eso está la lista ;) Sí es cierto que div lo usamos principalmente para crear secciones estructurales en un documento: encabezado, contenido, pie, etc., pero el que los usemos sólo para esto es más una costumbre auto impuesta nuestra para que no nos acusen de 'divitis' o de hacer 'tag soup'. Al englobar un label con su input en un párrafo estamos añadiendo una etiqueta innecesaria en el marcado y no semántica sólo para que nos sea más cómodo darle estilo. Y dado que es una etiqueta innecesaria y no semántica, si la sustituimos por un div será sólo un etiqueta innecesaria porque realmente los divs los usamos para elementos que no pueden ser etiquetados semánticamente con las etiquetas existentes: columnas, barras de navegación, pie, etc. y un label con su input me parecen un conjunto perfecto para englobar con un div (o span) pues no hay otra etiqueta que semánticamente se ajuste mejor. De hecho en html 5 ya se describen etiquetas estructurales como header, footer o nav pero no desaparece la etiqueta div que sí podremos usar para englobar elementos en casos extremos de difícil etiquetado. En las especificaciones actuales para html 5: http://www.w3.org/TR/2008/WD-html5-20080122/#the-div [...]The div element represents nothing at all. It can be used with the class, lang/xml:lang, and title attributes to mark up semantics common to a group of consecutive elements.[...] Aunque advierten: [...]Allowing div elements to contain phrasing content makes it easy for authors to abuse div, using it with the class= attribute to the point of not having any other elements in the markup. This is a disaster from an accessibility point of view, and it would be nice if we could somehow make such pages non-compliant without preventing people from using divs as the extension mechanism that they are, to handle things the spec can't otherwise do (like making new widgets).[...] Salud! Alberto García ** Ignacio Ricci escribió: Mmmm creo que eso es discutible Alberto... Personalmente me parece más correcto un párrafo que un div, ya que el div por naturaleza divide secciones de la página. [image: Ignacio Ricci - Designer + Developer] 2009/12/13 Alberto García albe...@katiuskas.com Totalmente de acuerdo, el salto de linea es innecesario y complica posibles ediciones o rediseños posteriores. Además no veo correcto el uso de un párrafo para hacer bloques con los diferentes elementos del formulario, un input con su label evidentemente no es un párrafo, es semánticamente incorrecto, veo más correcto usar una división (div). div label for=mi_idemail/label input type=text id=mi_id name=email / /div Salud! Alberto García ** ___ 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] Forma correcta de posicionar labels e input fields
2009/12/14 Alberto García albe...@katiuskas.com: Por supuesto que es discutible Ignacio, para eso está la lista ;) Sí es cierto que div lo usamos principalmente para crear secciones estructurales en un documento: encabezado, contenido, pie, etc., pero el que los usemos sólo para esto es más una costumbre auto impuesta nuestra para que no nos acusen de 'divitis' o de hacer 'tag soup'. No estoy muy puesto en el tema, pero creo que div si tiene un significado semantico, el de seccion. Tambien tiene restricciones sobre donde puede aparecer, porque representa un bloque. Junta las dos cosas anteriores y te resulta que los divs no se suelen poner tan al azar como parece que das a entender. Que yo sepa no hay ningun bloque vacio de contenido que se pueda usar para rodear un grupo de etiquetas semanticas y poder decir esto, aunque div es lo que mas se parece y por eso abusamos amenudo de el (yo por lo menos soy bastante culpable de divitis ). -- -- ℱin del ℳensaje. ___ 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] Forma correcta de posicionar labels e input fields
2009/12/14 Tei oscar.vi...@gmail.com: 2009/12/14 Alberto García albe...@katiuskas.com: Por supuesto que es discutible Ignacio, para eso está la lista ;) Sí es cierto que div lo usamos principalmente para crear secciones estructurales en un documento: encabezado, contenido, pie, etc., pero el que los usemos sólo para esto es más una costumbre auto impuesta nuestra para que no nos acusen de 'divitis' o de hacer 'tag soup'. No estoy muy puesto en el tema, pero creo que div si tiene un significado semantico, el de seccion. Tambien tiene restricciones sobre donde puede aparecer, porque representa un bloque. Junta las dos cosas anteriores y te resulta que los divs no se suelen poner tan al azar como parece que das a entender. Que yo sepa no hay ningun bloque vacio de contenido tenia que haber escrito ' Que yo sepa no hay ninguna etiqueta vacia de significado semantico ' ..asi se entiende mejor. Como lo he puesto es innecesariamente incomprensible. -- -- ℱin del ℳensaje. ___ 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] Forma correcta de posicionar labels e input fields
Según la referencia de la W3C para html 4 un div es un 'Contenedor genérico de bloque para especificar el lenguaje o el estilo' según la traducción al castellano. En el original: [...]The DIV and SPAN elements, in conjunction with the id and class attributes, offer a generic mechanism for adding structure to documents. These elements define content to be inline (SPAN) or block-level (DIV) but impose no other presentational idioms on the content. Thus, authors may use these elements in conjunction with style sheets, the lang attribute, etc., to tailor HTML to their own needs and tastes.[...] No he pretendido decir que se pueda usar 'al azar', mis disculpas si ha parecido. Respecto a lo de que no existen etiquetas 'vacias' de significado semántico, creo que precisamente div y span son precisamente eso, por eso existe la tendencia a abusar de ellas con fines meramente estilísticos. En las espcificaciones de html 5: 'The div element represents nothing at all' (link en mi anterior mensaje). Salud! Alberto García ** Tei escribió: 2009/12/14 Tei oscar.vi...@gmail.com: 2009/12/14 Alberto García albe...@katiuskas.com: Por supuesto que es discutible Ignacio, para eso está la lista ;) Sí es cierto que div lo usamos principalmente para crear secciones estructurales en un documento: encabezado, contenido, pie, etc., pero el que los usemos sólo para esto es más una costumbre auto impuesta nuestra para que no nos acusen de 'divitis' o de hacer 'tag soup'. No estoy muy puesto en el tema, pero creo que div si tiene un significado semantico, el de seccion. Tambien tiene restricciones sobre donde puede aparecer, porque representa un bloque. Junta las dos cosas anteriores y te resulta que los divs no se suelen poner tan al azar como parece que das a entender. Que yo sepa no hay ningun bloque vacio de contenido tenia que haber escrito ' Que yo sepa no hay ninguna etiqueta vacia de significado semantico ' ..asi se entiende mejor. Como lo he puesto es innecesariamente incomprensible. ___ 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] Forma correcta de posicionar labels e input fields
2009/12/14 Alberto García albe...@katiuskas.com: [... aqui explicaba como va esto segun el WC3...] Respecto a lo de que no existen etiquetas 'vacias' de significado semántico, creo que precisamente div y span son precisamente eso, por eso existe la tendencia a abusar de ellas con fines meramente estilísticos. yo creia que era otra cosa, pero se ve que estaba equivocado. bravo por navegarte la documentación :-) -- -- ℱin del ℳensaje. ___ 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] Forma correcta de posicionar labels e input fields
Entonces,... ¿usamos divs o p para agrupar label + input? Lo siento pero me he perdido :) El 14 de diciembre de 2009 14:13, Tei oscar.vi...@gmail.com escribió: 2009/12/14 Alberto García albe...@katiuskas.com: [... aqui explicaba como va esto segun el WC3...] Respecto a lo de que no existen etiquetas 'vacias' de significado semántico, creo que precisamente div y span son precisamente eso, por eso existe la tendencia a abusar de ellas con fines meramente estilísticos. yo creia que era otra cosa, pero se ve que estaba equivocado. bravo por navegarte la documentación :-) -- -- ℱin del ℳensaje. ___ 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] Forma correcta de posicionar labels e input fields
No se. Yo sigo con los párrafos :) [image: Ignacio Ricci - Designer + Developer] -- Forwarded message -- From: Andrés gutiérrez andresgut...@gmail.com Date: 2009/12/14 Subject: Re: [Ovillo] Forma correcta de posicionar labels e input fields To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Entonces,... ¿usamos divs o p para agrupar label + input? Lo siento pero me he perdido :) El 14 de diciembre de 2009 14:13, Tei oscar.vi...@gmail.com escribió: 2009/12/14 Alberto García albe...@katiuskas.com: [... aqui explicaba como va esto segun el WC3...] Respecto a lo de que no existen etiquetas 'vacias' de significado semántico, creo que precisamente div y span son precisamente eso, por eso existe la tendencia a abusar de ellas con fines meramente estilísticos. yo creia que era otra cosa, pero se ve que estaba equivocado. bravo por navegarte la documentación :-) -- -- ℱin del ℳensaje. ___ 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] Forma correcta de posicionar labels e input fields
Totalmente de acuerdo, el salto de linea es innecesario y complica posibles ediciones o rediseños posteriores. Además no veo correcto el uso de un párrafo para hacer bloques con los diferentes elementos del formulario, un input con su label evidentemente no es un párrafo, es semánticamente incorrecto, veo más correcto usar una división (div). div label for=mi_idemail/label input type=text id=mi_id name=email / /div Salud! Alberto García ** Ignacio Ricci escribió: Si, me gusta más tu opción. Ese BR es innecesario pudiendo usar display:block en el label. [image: Ignacio Ricci - Designer + Developer] 2009/12/12 Andrés gutiérrez andresgut...@gmail.com Hola a todos, me ha entrado una duda, desde el punto de vista de W3C o buenas practicas o como lo entendais vosotros, ¿como veis esto? p label for=mi_idemail/label*br /* input type=text id=mi_id name=email / /p Lo digo por lo de hacer el salto de linea con *br /*. A mi se me ocurre hacerlo con un display:block en el label, pero lo he visto en el framewok css blueprint en su pagina de ejemplo [1] y me pregunto como de correcto es. Un saludo, Andrés [1] http://blueprintcss.org/tests/parts/forms.html -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] Forma correcta de posicionar labels e input fields
Mmmm creo que eso es discutible Alberto... Personalmente me parece más correcto un párrafo que un div, ya que el div por naturaleza divide secciones de la página. [image: Ignacio Ricci - Designer + Developer] 2009/12/13 Alberto García albe...@katiuskas.com Totalmente de acuerdo, el salto de linea es innecesario y complica posibles ediciones o rediseños posteriores. Además no veo correcto el uso de un párrafo para hacer bloques con los diferentes elementos del formulario, un input con su label evidentemente no es un párrafo, es semánticamente incorrecto, veo más correcto usar una división (div). div label for=mi_idemail/label input type=text id=mi_id name=email / /div Salud! Alberto García ** Ignacio Ricci escribió: Si, me gusta más tu opción. Ese BR es innecesario pudiendo usar display:block en el label. [image: Ignacio Ricci - Designer + Developer] 2009/12/12 Andrés gutiérrez andresgut...@gmail.com Hola a todos, me ha entrado una duda, desde el punto de vista de W3C o buenas practicas o como lo entendais vosotros, ¿como veis esto? p label for=mi_idemail/label*br /* input type=text id=mi_id name=email / /p Lo digo por lo de hacer el salto de linea con *br /*. A mi se me ocurre hacerlo con un display:block en el label, pero lo he visto en el framewok css blueprint en su pagina de ejemplo [1] y me pregunto como de correcto es. Un saludo, Andrés [1] http://blueprintcss.org/tests/parts/forms.html -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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 ___ 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] Forma correcta de posicionar labels e input fields
En lo de los párrafos estoy deacuerdo con Ignacio. Gracias por las respuestas. A ver con que me quedo de Blueprint y que me monto por mi cuenta... Un saludo El 13 de diciembre de 2009 15:36, Ignacio Ricci ignacio.ri...@gmail.comescribió: Mmmm creo que eso es discutible Alberto... Personalmente me parece más correcto un párrafo que un div, ya que el div por naturaleza divide secciones de la página. [image: Ignacio Ricci - Designer + Developer] 2009/12/13 Alberto García albe...@katiuskas.com Totalmente de acuerdo, el salto de linea es innecesario y complica posibles ediciones o rediseños posteriores. Además no veo correcto el uso de un párrafo para hacer bloques con los diferentes elementos del formulario, un input con su label evidentemente no es un párrafo, es semánticamente incorrecto, veo más correcto usar una división (div). div label for=mi_idemail/label input type=text id=mi_id name=email / /div Salud! Alberto García ** Ignacio Ricci escribió: Si, me gusta más tu opción. Ese BR es innecesario pudiendo usar display:block en el label. [image: Ignacio Ricci - Designer + Developer] 2009/12/12 Andrés gutiérrez andresgut...@gmail.com Hola a todos, me ha entrado una duda, desde el punto de vista de W3C o buenas practicas o como lo entendais vosotros, ¿como veis esto? p label for=mi_idemail/label*br /* input type=text id=mi_id name=email / /p Lo digo por lo de hacer el salto de linea con *br /*. A mi se me ocurre hacerlo con un display:block en el label, pero lo he visto en el framewok css blueprint en su pagina de ejemplo [1] y me pregunto como de correcto es. Un saludo, Andrés [1] http://blueprintcss.org/tests/parts/forms.html -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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 ___ 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 -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] Forma correcta de posicionar labels e input fields
Hola a todos, me ha entrado una duda, desde el punto de vista de W3C o buenas practicas o como lo entendais vosotros, ¿como veis esto? p label for=mi_idemail/label*br /* input type=text id=mi_id name=email / /p Lo digo por lo de hacer el salto de linea con *br /*. A mi se me ocurre hacerlo con un display:block en el label, pero lo he visto en el framewok css blueprint en su pagina de ejemplo [1] y me pregunto como de correcto es. Un saludo, Andrés [1] http://blueprintcss.org/tests/parts/forms.html -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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] Forma correcta de posicionar labels e input fields
Si, me gusta más tu opción. Ese BR es innecesario pudiendo usar display:block en el label. [image: Ignacio Ricci - Designer + Developer] 2009/12/12 Andrés gutiérrez andresgut...@gmail.com Hola a todos, me ha entrado una duda, desde el punto de vista de W3C o buenas practicas o como lo entendais vosotros, ¿como veis esto? p label for=mi_idemail/label*br /* input type=text id=mi_id name=email / /p Lo digo por lo de hacer el salto de linea con *br /*. A mi se me ocurre hacerlo con un display:block en el label, pero lo he visto en el framewok css blueprint en su pagina de ejemplo [1] y me pregunto como de correcto es. Un saludo, Andrés [1] http://blueprintcss.org/tests/parts/forms.html -- Experiencia es lo que obtienes, cuando no obtienes lo que quieres. - Caminar sobre el agua y desarrollar software a partir de unas especificaciones es fácil. si ambas están congeladas. Edward V. Berard, ingeniero informático. ___ 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