Re: [Ovillo] encadenamiento de classes
document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } El 22 de junio de 2012 10:33, edgardogalle...@gmail.com escribió: Gracias por los aportes de todos. Se quer nunca posteo o comrnto algo pero es por falta de costumbre mas que nada. Por cierto soy Edgard_Roul --Mensaje original-- De: Plácido Luna Remitente: ovillo-boun...@lists.ovillo.org Para: Ovillo, la lista de CSS en castellano Responder a: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] encadenamiento de classes Enviado: 21 de jun, 2012 13:24 Hola José María! Gracias por los dos aportes, al último aún no lo pruebo pero parece prometedor. Un saludo a la lista. Plácido. ___ 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 Enviado desde mi BlackBerry® de Claro Argentina ___ 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] encadenamiento de classes
Gracias por los aportes de todos. Se quer nunca posteo o comrnto algo pero es por falta de costumbre mas que nada. Por cierto soy Edgard_Roul --Mensaje original-- De: Plácido Luna Remitente: ovillo-boun...@lists.ovillo.org Para: Ovillo, la lista de CSS en castellano Responder a: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] encadenamiento de classes Enviado: 21 de jun, 2012 13:24 Hola José María! Gracias por los dos aportes, al último aún no lo pruebo pero parece prometedor. Un saludo a la lista. Plácido. ___ 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 Enviado desde mi BlackBerry® de Claro Argentina ___ 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] encadenamiento de classes
Un aporte más. Esta vez sí que me ha resultado útil y, sobre todo, impactante por su versatilidad. A mí me parece un muy buen trabajo que me ha servido para comparar versiones y probar en caliente jQuery. Espero que os sirva también, pues tiene varias utilidades. Os dejo mirarlo y comprobarlo sin hacer coments at all ni rien de rien, pas de commentaires. Ahí va: Felicitaciones a los creadores de - http://jsfiddle.net El 19 de junio de 2012 22:34, Jose María Jareño García construyetunegocioeninter...@gmail.com escribió: Hola listeros! Bueno, no es gran cosa, pero quizá a alguien le ayude esto (sólo que está en inglés): http://www.jacklmoore.com/notes/ie-transparency-problems Saludiiitos! El 13 de junio de 2012 23:46, Leonardo Azpurua leonardoazpu...@cantv.netescribió: Creo que depende del objetivo del sitio. Si es una página promocional, o de presencia corporativa, dudo mucho que tus clientes te permitan hacerlo. Si es una aplicación compleja, puedes informarle a tus usuarios que existen restricciones con respecto a los navegadores soportados. A mi, por ejemplo, no me da la gana de lidiar con las incompatiblidades entre los navegadores: cuando encuentro una solución, verifico que sea compatible con los estándares de HTML, CSS o DOM (el que aplique) de W3C. Si lo es, pruebo con los navegadores que me van quedando. De momento, voy resultando compatible con FF, Opera, Chrome, Safari y con todos los navegadores de Android que he probado. IE se cayó por la borda casi al comienzo del proyecto. Pero lo que estoy haciendo es trabajando en una interfaz web para una especie de ERP que vengo mercadeando desde hace veinte años, o sea que tengo un mercado cautivo, y los clientes que quieran usarla deberán instalarse un navegador adapatado a los estándares. Las pocas veces que he debido usar equipos públicos (en centros de comunicaciones, aeropuertos u hoteles) todos han tenido instalado al menos un navegador además de IE (salvo, por supuesto, los que no tenían IE en absoluto). Salud! - Original Message - From: Jose María Jareño García construyetunegocioeninter...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, June 13, 2012 10:36 AM Subject: Re: [Ovillo] encadenamiento de classes Hola. Seguro que esto es tan absurdo como la propia cuestión de incompatibilidad que arrastra el estimado IE6, pero... ¿Qué tal si cada vez que IE6 interviene, apareciera un chorrada con el porte de la que sigue? ¿Dejaría de existir el bendito IE6? (decorado dentro de un buen recuadrito y todo eso) USTED NO PUEDE ACCEDER A LOS CONTENIDOS DE ESTA PÁGINA DEBIDO A QUE LA VERSION QUE UTILIZA EN SU NAVEGADOR NO ES COMPATIBLE CON ESTE SITIO LE PEDIMOS DISCULPAS POR LAS MOLESTIAS QUE HAYAMOS PODIDO OCASIONARLE *AGRADECEMOS PLENAMENTE SU CONFIANZA* NO NOS RESULTA GRATO TENER QUE COMUNICARLE QUE NOSOTROS NO TRABAJAMOS PARA MEJORAR LOS NAVEGADORES, SINO PARA QUE USTED ACCEDA A LOS CONTENIDOS DE NUESTRO SITIO BAJO ADECUADOS CRITERIOS DE SEGURIDAD Y DE BUEN DISEÑO NECESITAMOS UNA MÍNIMA COLABORACIÓN POR SU PARTE IMPRESCINDIBLE PARA EL BIEN DE TODA LA COMUNIDAD *POR FAVOR, LE ROGAMOS ACTUALICE SU NAVEGADOR Y VUELVA A VISITARNOS* Lastima que el cliente que paga por su web no tenga compromiso directo con la usabilidad, sino... otro gallo cantaría en el corral y el IE6... ¡Ala! ¡Con los gorrinos! Y seguro que además salta alguno por ahí diciendo ES QUE MI EQUIPO SOLO FUNCIONA CON IE6!! En fin. Que hoy tengo un día alegre... ¡No me hagáis mucho caso! Gracias Martin por compartir tus hallazgos. El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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
Re: [Ovillo] encadenamiento de classes
Hola José María! Gracias por los dos aportes, al último aún no lo pruebo pero parece prometedor. Un saludo a la lista. Plácido. ___ 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] encadenamiento de classes
Hola listeros! Bueno, no es gran cosa, pero quizá a alguien le ayude esto (sólo que está en inglés): http://www.jacklmoore.com/notes/ie-transparency-problems Saludiiitos! El 13 de junio de 2012 23:46, Leonardo Azpurua leonardoazpu...@cantv.netescribió: Creo que depende del objetivo del sitio. Si es una página promocional, o de presencia corporativa, dudo mucho que tus clientes te permitan hacerlo. Si es una aplicación compleja, puedes informarle a tus usuarios que existen restricciones con respecto a los navegadores soportados. A mi, por ejemplo, no me da la gana de lidiar con las incompatiblidades entre los navegadores: cuando encuentro una solución, verifico que sea compatible con los estándares de HTML, CSS o DOM (el que aplique) de W3C. Si lo es, pruebo con los navegadores que me van quedando. De momento, voy resultando compatible con FF, Opera, Chrome, Safari y con todos los navegadores de Android que he probado. IE se cayó por la borda casi al comienzo del proyecto. Pero lo que estoy haciendo es trabajando en una interfaz web para una especie de ERP que vengo mercadeando desde hace veinte años, o sea que tengo un mercado cautivo, y los clientes que quieran usarla deberán instalarse un navegador adapatado a los estándares. Las pocas veces que he debido usar equipos públicos (en centros de comunicaciones, aeropuertos u hoteles) todos han tenido instalado al menos un navegador además de IE (salvo, por supuesto, los que no tenían IE en absoluto). Salud! - Original Message - From: Jose María Jareño García construyetunegocioeninter...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, June 13, 2012 10:36 AM Subject: Re: [Ovillo] encadenamiento de classes Hola. Seguro que esto es tan absurdo como la propia cuestión de incompatibilidad que arrastra el estimado IE6, pero... ¿Qué tal si cada vez que IE6 interviene, apareciera un chorrada con el porte de la que sigue? ¿Dejaría de existir el bendito IE6? (decorado dentro de un buen recuadrito y todo eso) USTED NO PUEDE ACCEDER A LOS CONTENIDOS DE ESTA PÁGINA DEBIDO A QUE LA VERSION QUE UTILIZA EN SU NAVEGADOR NO ES COMPATIBLE CON ESTE SITIO LE PEDIMOS DISCULPAS POR LAS MOLESTIAS QUE HAYAMOS PODIDO OCASIONARLE *AGRADECEMOS PLENAMENTE SU CONFIANZA* NO NOS RESULTA GRATO TENER QUE COMUNICARLE QUE NOSOTROS NO TRABAJAMOS PARA MEJORAR LOS NAVEGADORES, SINO PARA QUE USTED ACCEDA A LOS CONTENIDOS DE NUESTRO SITIO BAJO ADECUADOS CRITERIOS DE SEGURIDAD Y DE BUEN DISEÑO NECESITAMOS UNA MÍNIMA COLABORACIÓN POR SU PARTE IMPRESCINDIBLE PARA EL BIEN DE TODA LA COMUNIDAD *POR FAVOR, LE ROGAMOS ACTUALICE SU NAVEGADOR Y VUELVA A VISITARNOS* Lastima que el cliente que paga por su web no tenga compromiso directo con la usabilidad, sino... otro gallo cantaría en el corral y el IE6... ¡Ala! ¡Con los gorrinos! Y seguro que además salta alguno por ahí diciendo ES QUE MI EQUIPO SOLO FUNCIONA CON IE6!! En fin. Que hoy tengo un día alegre... ¡No me hagáis mucho caso! Gracias Martin por compartir tus hallazgos. El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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
Re: [Ovillo] encadenamiento de classes
Hola. Seguro que esto es tan absurdo como la propia cuestión de incompatibilidad que arrastra el estimado IE6, pero... ¿Qué tal si cada vez que IE6 interviene, apareciera un chorrada con el porte de la que sigue? ¿Dejaría de existir el bendito IE6? (decorado dentro de un buen recuadrito y todo eso) USTED NO PUEDE ACCEDER A LOS CONTENIDOS DE ESTA PÁGINA DEBIDO A QUE LA VERSION QUE UTILIZA EN SU NAVEGADOR NO ES COMPATIBLE CON ESTE SITIO LE PEDIMOS DISCULPAS POR LAS MOLESTIAS QUE HAYAMOS PODIDO OCASIONARLE *AGRADECEMOS PLENAMENTE SU CONFIANZA* NO NOS RESULTA GRATO TENER QUE COMUNICARLE QUE NOSOTROS NO TRABAJAMOS PARA MEJORAR LOS NAVEGADORES, SINO PARA QUE USTED ACCEDA A LOS CONTENIDOS DE NUESTRO SITIO BAJO ADECUADOS CRITERIOS DE SEGURIDAD Y DE BUEN DISEÑO NECESITAMOS UNA MÍNIMA COLABORACIÓN POR SU PARTE IMPRESCINDIBLE PARA EL BIEN DE TODA LA COMUNIDAD *POR FAVOR, LE ROGAMOS ACTUALICE SU NAVEGADOR Y VUELVA A VISITARNOS* Lastima que el cliente que paga por su web no tenga compromiso directo con la usabilidad, sino... otro gallo cantaría en el corral y el IE6... ¡Ala! ¡Con los gorrinos! Y seguro que además salta alguno por ahí diciendo ES QUE MI EQUIPO SOLO FUNCIONA CON IE6!! En fin. Que hoy tengo un día alegre... ¡No me hagáis mucho caso! Gracias Martin por compartir tus hallazgos. El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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] encadenamiento de classes
TODA LA RAZÓN DEL MUNDO!! Llamadme loco pero ya que en esta lista somos la mayoría profesionales, no estaría demás que nos puesieramos de acuerdo para que en caso de que un cliente no se posicione en este tema, hicieramos la propuesta de Jose María. No me hagais mucho caso que estoy ofucado con una web. Saludos *Miquel Ramon Ortega i Tido* len...@gmail.com about.me profile! http://about.me/miquelRamon El 13 de junio de 2012 17:06, Jose María Jareño García construyetunegocioeninter...@gmail.com escribió: Hola. Seguro que esto es tan absurdo como la propia cuestión de incompatibilidad que arrastra el estimado IE6, pero... ¿Qué tal si cada vez que IE6 interviene, apareciera un chorrada con el porte de la que sigue? ¿Dejaría de existir el bendito IE6? (decorado dentro de un buen recuadrito y todo eso) USTED NO PUEDE ACCEDER A LOS CONTENIDOS DE ESTA PÁGINA DEBIDO A QUE LA VERSION QUE UTILIZA EN SU NAVEGADOR NO ES COMPATIBLE CON ESTE SITIO LE PEDIMOS DISCULPAS POR LAS MOLESTIAS QUE HAYAMOS PODIDO OCASIONARLE *AGRADECEMOS PLENAMENTE SU CONFIANZA* NO NOS RESULTA GRATO TENER QUE COMUNICARLE QUE NOSOTROS NO TRABAJAMOS PARA MEJORAR LOS NAVEGADORES, SINO PARA QUE USTED ACCEDA A LOS CONTENIDOS DE NUESTRO SITIO BAJO ADECUADOS CRITERIOS DE SEGURIDAD Y DE BUEN DISEÑO NECESITAMOS UNA MÍNIMA COLABORACIÓN POR SU PARTE IMPRESCINDIBLE PARA EL BIEN DE TODA LA COMUNIDAD *POR FAVOR, LE ROGAMOS ACTUALICE SU NAVEGADOR Y VUELVA A VISITARNOS* Lastima que el cliente que paga por su web no tenga compromiso directo con la usabilidad, sino... otro gallo cantaría en el corral y el IE6... ¡Ala! ¡Con los gorrinos! Y seguro que además salta alguno por ahí diciendo ES QUE MI EQUIPO SOLO FUNCIONA CON IE6!! En fin. Que hoy tengo un día alegre... ¡No me hagáis mucho caso! Gracias Martin por compartir tus hallazgos. El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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] encadenamiento de classes
Hola, genial iniciativa, gracias Martin. Y yo voy con otro ejemplo práctico: .boton .boton.aceptar .boton.cancelar .boton.eliminar ... Utilizando varias clases puedes utilizar varios botones en una misma página, pero cada uno con su funcionalidad, y especialmente si por ejemplo necesitas utilizar una imagen para cada botón. En mi caso combino clases constantemente para optimizar selectores e intentar estructurar los estilos acorde al marcado del contenido. Los problemas con IE se pueden solucionar repitiendo la misma regla pero de forma más específica, si se tiene un poco de cuidado al hacerlo degradará correctamente en IE6 y demás calaña, por ejemplo: input.boton.aceptar, input.aceptar { } No es totalmente efectiva, pero si las reglas no son muy complicadas se puede conseguir que sean compatibles, y escribirlas mientras se definen. Un saludo! -- Philipp Keweloh ___ 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] encadenamiento de classes
Creo que depende del objetivo del sitio. Si es una página promocional, o de presencia corporativa, dudo mucho que tus clientes te permitan hacerlo. Si es una aplicación compleja, puedes informarle a tus usuarios que existen restricciones con respecto a los navegadores soportados. A mi, por ejemplo, no me da la gana de lidiar con las incompatiblidades entre los navegadores: cuando encuentro una solución, verifico que sea compatible con los estándares de HTML, CSS o DOM (el que aplique) de W3C. Si lo es, pruebo con los navegadores que me van quedando. De momento, voy resultando compatible con FF, Opera, Chrome, Safari y con todos los navegadores de Android que he probado. IE se cayó por la borda casi al comienzo del proyecto. Pero lo que estoy haciendo es trabajando en una interfaz web para una especie de ERP que vengo mercadeando desde hace veinte años, o sea que tengo un mercado cautivo, y los clientes que quieran usarla deberán instalarse un navegador adapatado a los estándares. Las pocas veces que he debido usar equipos públicos (en centros de comunicaciones, aeropuertos u hoteles) todos han tenido instalado al menos un navegador además de IE (salvo, por supuesto, los que no tenían IE en absoluto). Salud! - Original Message - From: Jose María Jareño García construyetunegocioeninter...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Wednesday, June 13, 2012 10:36 AM Subject: Re: [Ovillo] encadenamiento de classes Hola. Seguro que esto es tan absurdo como la propia cuestión de incompatibilidad que arrastra el estimado IE6, pero... ¿Qué tal si cada vez que IE6 interviene, apareciera un chorrada con el porte de la que sigue? ¿Dejaría de existir el bendito IE6? (decorado dentro de un buen recuadrito y todo eso) USTED NO PUEDE ACCEDER A LOS CONTENIDOS DE ESTA PÁGINA DEBIDO A QUE LA VERSION QUE UTILIZA EN SU NAVEGADOR NO ES COMPATIBLE CON ESTE SITIO LE PEDIMOS DISCULPAS POR LAS MOLESTIAS QUE HAYAMOS PODIDO OCASIONARLE *AGRADECEMOS PLENAMENTE SU CONFIANZA* NO NOS RESULTA GRATO TENER QUE COMUNICARLE QUE NOSOTROS NO TRABAJAMOS PARA MEJORAR LOS NAVEGADORES, SINO PARA QUE USTED ACCEDA A LOS CONTENIDOS DE NUESTRO SITIO BAJO ADECUADOS CRITERIOS DE SEGURIDAD Y DE BUEN DISEÑO NECESITAMOS UNA MÍNIMA COLABORACIÓN POR SU PARTE IMPRESCINDIBLE PARA EL BIEN DE TODA LA COMUNIDAD *POR FAVOR, LE ROGAMOS ACTUALICE SU NAVEGADOR Y VUELVA A VISITARNOS* Lastima que el cliente que paga por su web no tenga compromiso directo con la usabilidad, sino... otro gallo cantaría en el corral y el IE6... ¡Ala! ¡Con los gorrinos! Y seguro que además salta alguno por ahí diciendo ES QUE MI EQUIPO SOLO FUNCIONA CON IE6!! En fin. Que hoy tengo un día alegre... ¡No me hagáis mucho caso! Gracias Martin por compartir tus hallazgos. El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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] encadenamiento de classes
Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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] encadenamiento de classes
Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que utilidad tiene? En que casos lo usas? Es por desconocimiento mas que nada. Carlos Núñez El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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 -- Carlos Núñez ___ 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] encadenamiento de classes
Hola, normalmente se usa a la hora de maquetar un sitio con varias secciones #cabecera{..} #cuerpo{...} #cuerpo.productos {esto solo afectara a todos los elementos dentro del div id contenedor y clase productos} #cuerpo.productos img {.} #cuerpo.productos a{ color:#00; #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div id contenedor y clase contacto} #cuerpo.contacto input{...} #cuerpo.contacto a {color:#cc;} #pie{..} si la seccion producto y la seccion contacto son diferentes, puedes usar lo siguiente. div id=cuerpo class=productos \div div id=cuerpo class=contacto \div Espero que te haya sido de ayuda Josué Miró Twitter: @josuemiro Enviado desde mi iPad El 12/06/2012, a las 15:13, Carlos Núñez cha...@gmail.com escribió: Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que utilidad tiene? En que casos lo usas? Es por desconocimiento mas que nada. Carlos Núñez El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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 -- Carlos Núñez ___ 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] encadenamiento de classes
Hola Josué esto que comentas es lo normal pero no es lo que expone Martin. El anida dos clases, no id+clase como comentas. Saludos El 12 de junio de 2012 16:39, Josué Miro josuem...@gmail.com escribió: Hola, normalmente se usa a la hora de maquetar un sitio con varias secciones #cabecera{..} #cuerpo{...} #cuerpo.productos {esto solo afectara a todos los elementos dentro del div id contenedor y clase productos} #cuerpo.productos img {.} #cuerpo.productos a{ color:#00; #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div id contenedor y clase contacto} #cuerpo.contacto input{...} #cuerpo.contacto a {color:#cc;} #pie{..} si la seccion producto y la seccion contacto son diferentes, puedes usar lo siguiente. div id=cuerpo class=productos \div div id=cuerpo class=contacto \div Espero que te haya sido de ayuda Josué Miró Twitter: @josuemiro Enviado desde mi iPad El 12/06/2012, a las 15:13, Carlos Núñez cha...@gmail.com escribió: Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que utilidad tiene? En que casos lo usas? Es por desconocimiento mas que nada. Carlos Núñez El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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 -- Carlos Núñez ___ 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 -- Carlos Núñez ___ 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] encadenamiento de classes
Si pero no estando recomendado usar el mismo id varias veces podía dar juego hacerlo de la otra manera. Por otra parte, ¿qué diferencia tendría con respecto al habitual .class .class? Un saludo. -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de Josué Miró Enviado el: martes, 12 de junio de 2012 17:55 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] encadenamiento de classes Jaja pues mirándolo así... ahora entiendo tu pregunta. Utilidad utilidad... no se la veo la verdad, viene a ser los mismo que el #id.class ¿no? Un saludo El 12 de junio de 2012 16:44, Carlos Núñez cha...@gmail.com escribió: Hola Josué esto que comentas es lo normal pero no es lo que expone Martin. El anida dos clases, no id+clase como comentas. Saludos El 12 de junio de 2012 16:39, Josué Miro josuem...@gmail.com escribió: Hola, normalmente se usa a la hora de maquetar un sitio con varias secciones #cabecera{..} #cuerpo{...} #cuerpo.productos {esto solo afectara a todos los elementos dentro del div id contenedor y clase productos} #cuerpo.productos img {.} #cuerpo.productos a{ color:#00; #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div id contenedor y clase contacto} #cuerpo.contacto input{...} #cuerpo.contacto a {color:#cc;} #pie{..} si la seccion producto y la seccion contacto son diferentes, puedes usar lo siguiente. div id=cuerpo class=productos \div div id=cuerpo class=contacto \div Espero que te haya sido de ayuda Josué Miró Twitter: @josuemiro Enviado desde mi iPad El 12/06/2012, a las 15:13, Carlos Núñez cha...@gmail.com escribió: Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que utilidad tiene? En que casos lo usas? Es por desconocimiento mas que nada. Carlos Núñez El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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 -- Carlos Núñez ___ 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 -- Carlos Núñez ___ 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] encadenamiento de classes
Aupa Pues el caso concreto para mi ha sido el tener un menú donde cada elemento lleva un fondo diferente para lo cual tenía un class diferente cada cual, aparte teníamos un sistema para que al estar en cada sección la propia sección tuviese class=activo de manera que cuando estas en una sección está marcado en el menú. Pero como en este caso cada sección ya tenía una clase específica para tener un fondo diferente resulta que en el activo también tenía que tener un fondo diferente. De manera que en vez de rehacer y poner una programación (que además no la hago yo) para que a cada elemento le pusiera class=activo_loquesea, mantenemos lo que ya teníamos, combinamos las dos class y ya está. De manera que si el elemento uno tiene class=uno cuando está activo tiene class=uno activo pero si le pongo un fondo a .activo el resto de elementos también lo cogerán, con lo cual le pongo el fondo a .uno.activo A parte se me ocurre que en la fabricación de un grid también puede ser interesante a la hora de reutilizar los diferentes class de los elementos. y bueno, si algo he aprendido en estos años de sacarle jugo a las css para conseguir diseño que me gusten es que siempre estas necesitando nuevos trucos para conseguir esto o aquello con la mayor economía de código y de trabajo, así que no me extrañaría que en breve lo use para algo mas :) saludos El 12/06/2012, a las 16:44, Carlos Núñez escribió: Hola Josué esto que comentas es lo normal pero no es lo que expone Martin. El anida dos clases, no id+clase como comentas. Saludos El 12 de junio de 2012 16:39, Josué Miro josuem...@gmail.com escribió: Hola, normalmente se usa a la hora de maquetar un sitio con varias secciones #cabecera{..} #cuerpo{...} #cuerpo.productos {esto solo afectara a todos los elementos dentro del div id contenedor y clase productos} #cuerpo.productos img {.} #cuerpo.productos a{ color:#00; #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div id contenedor y clase contacto} #cuerpo.contacto input{...} #cuerpo.contacto a {color:#cc;} #pie{..} si la seccion producto y la seccion contacto son diferentes, puedes usar lo siguiente. div id=cuerpo class=productos \div div id=cuerpo class=contacto \div Espero que te haya sido de ayuda Josué Miró Twitter: @josuemiro Enviado desde mi iPad El 12/06/2012, a las 15:13, Carlos Núñez cha...@gmail.com escribió: Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que utilidad tiene? En que casos lo usas? Es por desconocimiento mas que nada. Carlos Núñez El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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 -- Carlos Núñez ___ 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 -- Carlos Núñez ___ 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] encadenamiento de classes
Bueno, hay casos en los que utilizar un id puede no ser muy conveniente ;) El 12/06/2012, a las 17:54, Josué Miró escribió: Jaja pues mirándolo así... ahora entiendo tu pregunta. Utilidad utilidad... no se la veo la verdad, viene a ser los mismo que el #id.class ¿no? Un saludo El 12 de junio de 2012 16:44, Carlos Núñez cha...@gmail.com escribió: Hola Josué esto que comentas es lo normal pero no es lo que expone Martin. El anida dos clases, no id+clase como comentas. Saludos El 12 de junio de 2012 16:39, Josué Miro josuem...@gmail.com escribió: Hola, normalmente se usa a la hora de maquetar un sitio con varias secciones #cabecera{..} #cuerpo{...} #cuerpo.productos {esto solo afectara a todos los elementos dentro del div id contenedor y clase productos} #cuerpo.productos img {.} #cuerpo.productos a{ color:#00; #cuerpo.contacto {esto solo afectara a todos los elementos dentro del div id contenedor y clase contacto} #cuerpo.contacto input{...} #cuerpo.contacto a {color:#cc;} #pie{..} si la seccion producto y la seccion contacto son diferentes, puedes usar lo siguiente. div id=cuerpo class=productos \div div id=cuerpo class=contacto \div Espero que te haya sido de ayuda Josué Miró Twitter: @josuemiro Enviado desde mi iPad El 12/06/2012, a las 15:13, Carlos Núñez cha...@gmail.com escribió: Buenas, yo desconocía esta aportación por tu parte, pero pensándolo que utilidad tiene? En que casos lo usas? Es por desconocimiento mas que nada. Carlos Núñez El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió: Hola a todos Esta vez no escribo para preguntar nada si no para poner algo que acabo de estar buscando, no encontrando muy fácilmente, y que por fin resulta que funciona. y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya lo conocéis pero espero que a otros os ayude :) El asunto es el encadenamiento de classes de modo que: si tienes esto: p class=claseAtexto/p p class=claseBtexto/p p class=claseA claseBtexto/p puedes poner: .claseA { color:red; } .claseB { color:blue; } .claseA.claseB { color:black; } y funciona, de modo que en el primer párrafo el texto será rojo, en el segundo azul y en el tercero negro. el IE6 no lo soporta pero a estas alturas a mi plín ;) saludos a todos Martin ___ 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 -- Carlos Núñez ___ 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 -- Carlos Núñez ___ 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] encadenamiento de classes
hola Por otra parte, ¿qué diferencia tendría con respecto al habitual .class .class? la diferencia está en un espacio :) si pones .classA .classB es una elemento con classB que está dentro de uno con classA de modo que eso no le afecta al elemento que tiene classA si no al que tiene classB siempre que esté dentro de uno con classA: div class=classA div class=classBcontenido/div /div sin embargo si pones .classA.classB es un elemento que tiene los dos class: div class=classA classBcontenido/div saludos ___ 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] encadenamiento de classes
Excelente la predisposición original, pocos publicamos nuestras experiencias y conocimientos espontáneamente. Sí hay respuestas de muchos miembros del grupo, otros plantean muchas preguntas y pocas respuestas, y otros participamos muy esporádicamente (grupo en el cual me incluyo), pero el hecho de publicar aportes como lo hizo Martín en este hilo aporta no solo conocimiento sino dinámica a la lista (convirtiéndola así en una base de conocimientos, no necesariamente a partir de consultas). En mi caso, con mucho trabajo, ya que he cambiado no solo de ciudad, sino de país, intento mantener una plataforma en la que esa es la idea, pero participo de ovillo hace bastante y creo que este tipo de actitud contribuye mucho a todos. Gracias Martín y gracias para todos. Saludos! Plácido. ___ 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] encadenamiento de classes
Muy buena inicitativa, En mi caso ya conocía este comportamiento para CSS y de hecho lo uso mucho combinado con JavaScript, ya que permite tener un estilo base para una colección de elementos y a continuación añadir classes para diferenciarlos y aplicar nuevas propiedades. Es cierto que es lo mismo que hacerlo con ID, pero si como en mi caso quieres aplicar la misma propiedad a varios elementos, cuando solo usas clase puedes recorrer colecciones de elementos con selectores mucho mas sencillo y por tanto el código queda, digamoslo así, más limpio. Saludos, *Miquel Ramon Ortega i Tido* len...@gmail.com about.me profile! http://about.me/miquelRamon El 12 de junio de 2012 18:14, Plácido Luna octubre196...@gmail.comescribió: Excelente la predisposición original, pocos publicamos nuestras experiencias y conocimientos espontáneamente. Sí hay respuestas de muchos miembros del grupo, otros plantean muchas preguntas y pocas respuestas, y otros participamos muy esporádicamente (grupo en el cual me incluyo), pero el hecho de publicar aportes como lo hizo Martín en este hilo aporta no solo conocimiento sino dinámica a la lista (convirtiéndola así en una base de conocimientos, no necesariamente a partir de consultas). En mi caso, con mucho trabajo, ya que he cambiado no solo de ciudad, sino de país, intento mantener una plataforma en la que esa es la idea, pero participo de ovillo hace bastante y creo que este tipo de actitud contribuye mucho a todos. Gracias Martín y gracias para todos. Saludos! Plácido. ___ 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] encadenamiento de classes
Un espacio de más por lo menos ;). Vale pero entonces es lo mismo esto... .blancoGrande { color: #FFF; font-size: 10em; } p class=blancoGrandeHola/p que: .blanco.grande { color: #FFF; font-size: 10em; } p class=blanco grandeHola/p Me parece más optimizado de la primera manera aunque para otras cuestiones sí podría ser más útil la segunda :). Gracias. Un saludo. -Mensaje original- From: Martin Etxauri Sent: Tuesday, June 12, 2012 6:08 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] encadenamiento de classes hola Por otra parte, ¿qué diferencia tendría con respecto al habitual .class .class? la diferencia está en un espacio :) si pones .classA .classB es una elemento con classB que está dentro de uno con classA de modo que eso no le afecta al elemento que tiene classA si no al que tiene classB siempre que esté dentro de uno con classA: div class=classA div class=classBcontenido/div /div sin embargo si pones .classA.classB es un elemento que tiene los dos class: div class=classA classBcontenido/div saludos ___ 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