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
[Ovillo] [OT] Enlace imagen youtube
Hola! Alguien sabe si youtube proporciona enlace a la imagen en miniatura del video y como obtener la url para esa imagen del enlace del video? Gracias ___ 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] [OT] Enlace imagen youtube
Hola El 14/12/2009 18:01, Joseba Rodríguez escribió: Hola! Alguien sabe si youtube proporciona enlace a la imagen en miniatura del video y como obtener la url para esa imagen del enlace del video? Hay que saber firebugear (o en su defecto googlear) un poco Vídeo: http://www.youtube.com/watch?v=*i9nlc8IWqCQ* Miniaturas: * http://i.ytimg.com/vi/*i9nlc8IWqCQ*/default.jpg * http://i.ytimg.com/vi/*i9nlc8IWqCQ*/0.jpg * http://i.ytimg.com/vi/*i9nlc8IWqCQ*/1.jpg * http://i.ytimg.com/vi/*i9nlc8IWqCQ*/2.jpg * ... Gracias ___ 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] [OT] Enlace imagen youtube
Tienes razon Lo q ha pasado es q era tan urgente q he lanzado la consulta y después he googleado llegando a la misma conclusión Sorry. Muchas Gracias. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Rodrigo Álvarez Virgós Enviado el: lunes, 14 de diciembre de 2009 18:12 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] [OT] Enlace imagen youtube Hola El 14/12/2009 18:01, Joseba Rodríguez escribió: Hola! Alguien sabe si youtube proporciona enlace a la imagen en miniatura del video y como obtener la url para esa imagen del enlace del video? Hay que saber firebugear (o en su defecto googlear) un poco Vídeo: http://www.youtube.com/watch?v=*i9nlc8IWqCQ* Miniaturas: * http://i.ytimg.com/vi/*i9nlc8IWqCQ*/default.jpg * http://i.ytimg.com/vi/*i9nlc8IWqCQ*/0.jpg * http://i.ytimg.com/vi/*i9nlc8IWqCQ*/1.jpg * http://i.ytimg.com/vi/*i9nlc8IWqCQ*/2.jpg * ... Gracias ___ 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
[Ovillo] [OT] Solicitud de propuestas (difer entes áreas para un proyecto)
Hola a todos, Disculpas a quien no le interese, lo envío a esta lista porque se que es básicamente multi-disciplinar relacionada con el diseño web. Estamos buscando gente especializada en diferentes áreas (Branding, UX, Diseño Gráfico, Front-end (estándares y flash), Back-end, ERP) para desarrollar una marca de ropa deportiva con un proyecto de tienda on-line. Los interesados podéis descargaros [1] el documento de definición del proyecto. Estamos algo retrasados con las fechas de selección, así que os agradecería que me enviarais las propuestas a mi email privado como muy tarde el próximo miércoles 16 de diciembre. Las propuestas pueden ser de cualquier parte del mundo. Si tenéis alguna duda, por favor contactar conmigo a través de mi email privado. [1] http://www.biosfera4.com/proyectos/virklon/definicion-de-proyecto.pdf Muchas gracias. Saludos Rafael G. Lepper Web Project Manager http://www.biosfera4.com @eggSpoonTale ___ 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] Invitación a conectarnos en LinkedIn
Invitación personalizada? El 01/12/2009 01:18 p.m., Eduardo de la Torre escribió: LinkedIn Eduardo de la Torre pidió añadirte como contacto en LinkedIn: -- Hernan, Me gustaría añadirte a mi red profesional en LinkedIn. -Eduardo Aceptar invitación de Eduardo de la Torre http://www.linkedin.com/e/Z7lSpksHLQSxxzgcU59yClLOLQWis8f-N5Y2/blk/I1626580662_2/pmpxnSRJrSdvj4R5fnhv9ClRsDgZp6lQs6lzoQ5AomZIpn8_cBYOdzoMe3kSczoNiiZghz4Pm4dHoiYQcPwMcjwVejwLrCBxbOYWrSlI/EML_comm_afe/ Ver invitación de Eduardo de la Torre http://www.linkedin.com/e/Z7lSpksHLQSxxzgcU59yClLOLQWis8f-N5Y2/blk/I1626580662_2/39vczoSc3wRdz8SckALqnpPbOYWrSlI/svi/ -- ¿Por qué puede ser una buena idea conectar con Eduardo de la Torre? Los contactos de Eduardo de la Torre podrían serte útiles: Tras aceptar la invitación de Eduardo de la Torre, revisa los contactos de Eduardo de la Torre para ver a quién más conoces y a quién te gustaría que te presentaran. Forjar contactos puede crear oportunidades futuras. -- (c) 2009, LinkedIn Corporation ___ 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 -- -- Miguel Flores Franco http://www.pixelperu.net Telf.: + 511 - 623 7408 MSN:mi...@pixelperu.net ___ 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] Invitación a conectarnos en LinkedIn
fail! 2009/12/14 Miker mikerfra...@gmail.com Invitación personalizada? El 01/12/2009 01:18 p.m., Eduardo de la Torre escribió: LinkedIn Eduardo de la Torre pidió añadirte como contacto en LinkedIn: -- Hernan, Me gustaría añadirte a mi red profesional en LinkedIn. -Eduardo Aceptar invitación de Eduardo de la Torre http://www.linkedin.com/e/Z7lSpksHLQSxxzgcU59yClLOLQWis8f-N5Y2/blk/I1626580662_2/pmpxnSRJrSdvj4R5fnhv9ClRsDgZp6lQs6lzoQ5AomZIpn8_cBYOdzoMe3kSczoNiiZghz4Pm4dHoiYQcPwMcjwVejwLrCBxbOYWrSlI/EML_comm_afe/ Ver invitación de Eduardo de la Torre http://www.linkedin.com/e/Z7lSpksHLQSxxzgcU59yClLOLQWis8f-N5Y2/blk/I1626580662_2/39vczoSc3wRdz8SckALqnpPbOYWrSlI/svi/ -- ¿Por qué puede ser una buena idea conectar con Eduardo de la Torre? Los contactos de Eduardo de la Torre podrían serte útiles: Tras aceptar la invitación de Eduardo de la Torre, revisa los contactos de Eduardo de la Torre para ver a quién más conoces y a quién te gustaría que te presentaran. Forjar contactos puede crear oportunidades futuras. -- (c) 2009, LinkedIn Corporation ___ 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 -- -- Miguel Flores Franco http://www.pixelperu.net Telf.: + 511 - 623 7408 MSN:mi...@pixelperu.net msn%3ami...@pixelperu.net ___ 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 -- Matraka ___ 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] Invitación a conectarnos en LinkedIn
Ponerle [OT] delante por vuetra madre El Tuesday 15 December 2009 05:04:41 Luis Mario Álvarez escribió: fail! 2009/12/14 Miker mikerfra...@gmail.com Invitación personalizada? El 01/12/2009 01:18 p.m., Eduardo de la Torre escribió: LinkedIn Eduardo de la Torre pidió añadirte como contacto en LinkedIn: -- Hernan, Me gustaría añadirte a mi red profesional en LinkedIn. -Eduardo Aceptar invitación de Eduardo de la Torre http://www.linkedin.com/e/Z7lSpksHLQSxxzgcU59yClLOLQWis8f-N5Y2/blk/I16265 80662_2/pmpxnSRJrSdvj4R5fnhv9ClRsDgZp6lQs6lzoQ5AomZIpn8_cBYOdzoMe3kSczoNii Zghz4Pm4dHoiYQcPwMcjwVejwLrCBxbOYWrSlI/EML_comm_afe/ Ver invitación de Eduardo de la Torre http://www.linkedin.com/e/Z7lSpksHLQSxxzgcU59yClLOLQWis8f-N5Y2/blk/I16265 80662_2/39vczoSc3wRdz8SckALqnpPbOYWrSlI/svi/ -- ¿Por qué puede ser una buena idea conectar con Eduardo de la Torre? Los contactos de Eduardo de la Torre podrían serte útiles: Tras aceptar la invitación de Eduardo de la Torre, revisa los contactos de Eduardo de la Torre para ver a quién más conoces y a quién te gustaría que te presentaran. Forjar contactos puede crear oportunidades futuras. -- (c) 2009, LinkedIn Corporation ___ 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 -- -- Miguel Flores Franco http://www.pixelperu.net Telf.: + 511 - 623 7408 MSN:mi...@pixelperu.net msn%3ami...@pixelperu.net ___ 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