Re: [Ovillo] encadenamiento de classes

2012-06-26 Por tema Jose María Jareño García
 
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

2012-06-22 Por tema edgardogalletto
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

2012-06-21 Por tema Jose María Jareño García
 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

2012-06-21 Por tema Plácido Luna
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

2012-06-19 Por tema Jose María Jareño García
 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

2012-06-13 Por tema Jose María Jareño García
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

2012-06-13 Por tema Miquel Ramon Ortega i Tido
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

2012-06-13 Por tema Philipp Keweloh
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

2012-06-13 Por tema Leonardo Azpurua
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

2012-06-12 Por tema Martin Etxauri
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

2012-06-12 Por tema Carlos Núñez
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

2012-06-12 Por tema Josué Miro
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

2012-06-12 Por tema Carlos Núñez
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

2012-06-12 Por tema Josué Miró
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


Re: [Ovillo] encadenamiento de classes

2012-06-12 Por tema Nacho Diez-Quijada Argaya :
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

2012-06-12 Por tema Martin Etxauri
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

2012-06-12 Por tema Martin Etxauri
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

2012-06-12 Por tema Martin Etxauri
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

2012-06-12 Por tema Plácido Luna
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

2012-06-12 Por tema Miquel Ramon Ortega i Tido
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

2012-06-12 Por tema Nacho Diez-Quijada Argaya
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