Foros del Web » Creando para Internet » CSS »

Aplicar varias clases a la vez

Estas en el tema de Aplicar varias clases a la vez en el foro de CSS en Foros del Web. Hola amigos Verán...para mostrar algunos mensajes informativos utilizo el siguiente código: Código PHP: span . mesaje {      color :  #cc0000;      border - top ...
  #1 (permalink)  
Antiguo 01/11/2008, 15:27
 
Fecha de Ingreso: abril-2008
Mensajes: 81
Antigüedad: 9 años, 7 meses
Puntos: 0
Pregunta Aplicar varias clases a la vez

Hola amigos

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

Código PHP:
span.mesaje{
    
color#cc0000;
    
border-top-width3px;
    
border-top-stylesolid;
    
border-top-color#fe7b7a;
    
border-bottom-width3px;
    
border-bottom-stylesolid;
    
border-bottom-color#fe7b7a;
    
    
background-imageurl(../images/informa.gif);
    
background-repeatno-repeat;
    
background-attachmentscroll;
    
background-positionleft;
    
}

span.mensajespan.fondogris {
background-color#CCCC99;
    
}
span.mensajespan.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
  #2 (permalink)  
Antiguo 01/11/2008, 15:46
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Respuesta: Aplicar varias clases a la vez

Hola LuisaJava

Puedes poner varias clases separadas por un espacio:

Código html:
Ver original
  1. <span class="mensaje fondogris">

Saludos,
  #3 (permalink)  
Antiguo 01/11/2008, 16:37
 
Fecha de Ingreso: abril-2008
Mensajes: 81
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Aplicar varias clases a la vez

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.mensajespan.fondogris {
background-color#CCCC99;
    
}
span.mensajespan.fondorojo {
background-color#ffd6d6;
    


por


Código PHP:
.fondogris {
background-color#CCCC99;
    
}
.
fondorojo {
background-color#ffd6d6;
    

¡Gracias de nuevo!

Saludos,
Luisa

Última edición por LuisaJava; 01/11/2008 a las 16:48
  #4 (permalink)  
Antiguo 01/11/2008, 16:56
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Aplicar varias clases a la vez

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:
Cita:
<SPAN CLASS="mensaje">TEXTO DEL MENSAJE.<BR></SPAN><BR>
debería ser:
Cita:
<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
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:10.