Aplicar varias clases a la vez

[LuisaJava]

Hola amigos

Verán...para mostrar algunos mensajes informativos utilizo el siguiente código:

Código PHP:

  span.mesaje{
    color: #cc0000;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #fe7b7a;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #fe7b7a;
    
    background-image: url(../images/informa.gif);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: left;
    
}

span.mensaje, span.fondogris {
background-color: #CCCC99;
    
}
span.mensaje, span.fondorojo {
background-color: #ffd6d6;
    
}  
   

Lo que quiero hacer es que, en función del tipo de mensaje me aparezca un fondo gris o un fondo rojo...

¿cómo hago para llamar a ambas clases a la vez?

Ahora lo hago así


<SPAN CLASS="mensaje">TEXTO DEL MENSAJE.<BR></SPAN><BR>

pero claro, siempre me muestra el fondo rojo... ¿cómo lo llamo a ambas clases para que me muestre el fondo de color gris?

Espero haberme explicado


Saludos,
Luisa

[JavierB]

Hola LuisaJava

Puedes poner varias clases separadas por un espacio:

Código html:

<span class="mensaje fondogris">
 

Saludos,

[LuisaJava]

Muchas gracias por tu respuesta, JavierB, pero no fuciona...

Siemrpe me pinta el fondo con el color definido en último lugar.


Saludos,
Luisa



Ok, acabo de dar con la solución....


He cambiado

Código PHP:

  span.mensaje, span.fondogris { 
background-color: #CCCC99; 
     
} 
span.mensaje, span.fondorojo { 
background-color: #ffd6d6; 
     
}  
   

por

Código PHP:

  .fondogris { 
background-color: #CCCC99; 
     
} 
.fondorojo { 
background-color: #ffd6d6; 
     
}  
   

¡Gracias de nuevo!

Saludos,
Luisa

[kseso?]

Hola LuisaJava
A ver si te he entendido, lo que quieres NO es aplicar dos clases distintas SiMULTANEAMENTE al mismo elemento, sino que darle UNA de DOS posibles, en función del tipo de mensaje que sea (por ejemplo: advertencia fondo rojo, información: fondo gris).

Si es esto, lo que tienes que hacer una vez definidas las propiedades de ambas clases de mensaje (.advertencia e .informacion) en tu hoja de estilo, es actuar en el código html con algún tipo de programación (php por ejemplo).

Con el ejemplo que pones en tu primer post:

<SPAN CLASS="mensaje">TEXTO DEL MENSAJE.<BR></SPAN><BR>

debería ser:

<SPAN CLASS="%tipo_mensaje%">TEXTO DEL MENSAJE.<BR></SPAN><BR>

donde %tipo_mensaje% sería una variable de php que al ser procesada por el servido y enviada al navegador le adjudicase el valor correspondiente:
<SPAN CLASS="advertencia"> o
<SPAN CLASS="información">
y así pueda tomar el fondo deseado por tí.

Espero no haber dicho alguna burrada "phpera" en la terminología ;) pues mi ignorancia de php es mayúscula.

Un saludo