Bueno, la verdad es que siempre había pensado que la manera más correcta de
tratar este caso era como comentas. Es decir #selectorID.selectorCLASS { ...
}. Pero, a parte de que, efectivamente, en IE no funciona (más bien funciona
a medias), tampoco es que haya podido encontrar mucha documentación al
respecto sobre la validez o nulidad de la propuesta.
También había oído hablar sobre el problema de asignar a un elemento
múltiples clases, mediante la lista css-discuss (
http://archivist.incutio.com/viewlist/css-discuss/33241) , aunque no parece
que tenga nada que ver a priori.
Y digo a priori porque mediante esta técnica se puede lograr una alternativa
para que IE pueda entender lo que le quieres decir.
Esta debería ser la hoja de estilos (por ejemplo):
/* Este ID llevará los valores comunes del ID #fotosup */
#fotosup { height: 400px; }
/* Estos patrones serán los que cambiarán la imagen de fondo */
/* ATENCION, EL ORDEN DEBE SER COMO VIENE AQUÍ */
#fotosup.foto1 { background-image: url(imatges/superior-grup.jpg); }
#fotosup.foto2 { background-image: url(imatges/superior-activitats.jpg); }
#fotosup.foto3 { background-image: url(imatges/superior-peses.jpg); }
...y este el código que debe salir para cada foto. Advierte el orden en que
pongo las clases múltiples porque por obligación tiene que estar así para
que funcione como esperas. Digamos que me he puesto a "investigar" y he
conseguido sacar algo en claro, pero no tengo tiempo ni ganas en este
momento para averigüar el por qué exacto (siempre puedes rellenar un momento
de ocio con este pasatiempo ;) ) Por supuesto, tal y como pongo más arriba,
el orden del código CSS también tiene que serguir ese orden.
FOTO 1
------------
<div id="fotosup" class="foto1"></div>
FOTO 2
------------
<div id="fotosup" class="foto1 foto2"></div>
FOTO 3
------------
<div id="fotosup" class="foto1 foto2 foto3"></div>
Bueno, espero que te haya sido de ayuda y, si te apetece y profundizas en
todas las variantes y sus "por qués" aquí estaremos para que nos ilumines un
poquillo más ;)
Un saludo, David Merino Ogando.
P.D.: En teoría se debería poder hacer también mediante múltiples IDs sobre
un mismo elemento, como señala aquí (
http://www.w3.org/TR/CSS21/selector.html#id-selectors), pero lo he probado y
no he podido llegar a nada, aunque posiblemente me equivoque, por eso de que
sé casi más japonés que inglés xD
On 1/3/06, Bernat Lleonart <[EMAIL PROTECTED]> wrote:
>
> 2006/1/3, Ramon Pravia <[EMAIL PROTECTED]>:
>
> > Hola de nuevo.
> >
> > De acuerdo, no había entendido bien cómo lo estabas haciendo, disculpa.
> En
> > cualquier caso, si quieres cambiar la imagen de fondo para la cabecera
> en
> > cada página, yo optaría por darle una id o una clase al body, de forma
> que
> > la css te quedaría así:
> >
> > #fotosup{
> > /* propiedades comunes */
> > }
> >
> > body#seccion1 #fotosup{
> > background-image:url(imagen1.jpg);
> > }
> >
> > body#seccion2 #fotosup{
> > background-image:url(imagen2.jpg);
> > }
> >
> >
> > Eso es como yo lo haría, lo que no significa que sea lo mejor ;) La otra
> > opción es hacer lo que te decía, todas las cabeceras tendrían la clase
> > fotosup, donde tendrían todas las propiedades comunes, y luego cada una
> de
> > ellas su id, de manera que la imagen de fondo la podrías definir para
> cada
> > una de las id, sin necesidad de reescribir las reglas comunes para cada
> una
> > de ellas.
> >
> > Sobre el uso de un selector como el que tú empleas, no sé si será
> > incorrecto, ya te digo que no suele ser habitual (personalmente no lo he
> > utilizado nunca), y no sé si podría dar problemas. El caso es que es un
> tipo
> > de selector del que no he encontrado mucha documentación, he echado un
> > vistacillo a la especificación a ver si se me había pasado por alto y no
> lo
> > he visto... no sé. Si alguien tiene más información, que lo diga :)
> >
> > Saludos ;)
> >
> >
>
> Muchas gracias Ramón, me pongo a probar tus propuestas :)
>
> Un saludo.
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
