Foros del Web » Creando para Internet » CSS »

Actualizar padding mediante clase CSS

Estas en el tema de Actualizar padding mediante clase CSS en el foro de CSS en Foros del Web. Tengo un <div> al que se le ha definido mediante css, a través de su id (#objeto) un cierto padding. Por otro lado en un ...
  #1 (permalink)  
Antiguo 28/07/2010, 12:09
Avatar de Dude--  
Fecha de Ingreso: junio-2004
Ubicación: Sevilla - España
Mensajes: 197
Antigüedad: 13 años, 5 meses
Puntos: 4
Actualizar padding mediante clase CSS

Tengo un <div> al que se le ha definido mediante css, a través de su id (#objeto) un cierto padding. Por otro lado en un momento determinado mediante javascript le agrego una clase css ( .nuevaclase ) que incluye un padding distinto.

El problema es que el padding nuevo no reemplaza al antiguo, inspeccionando con firebug y similares de otros navegadores veo que el padding nuevo esta "machacado" (tachado) por el antiguo, en cuanto lo deshabilito el nuevo entra en acción...

¿Alguna sugerencia?
__________________
"El camino empieza renunciando el control y volviéndose flexibles, como una brizna de paja en un huracán."

"Desconozco tanto... es excitante comenzar a nadar en este mar de dudas..."
  #2 (permalink)  
Antiguo 28/07/2010, 12:14
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Actualizar padding mediante clase CSS

pues sin ver el codigo implicado o el problema en linea es dificil acertar pero bueno, trata de indicarle de esta manera... o talvez la antigua clase tenga en selector mas directo y por eso lo coge antes... chao
Código CSS:
Ver original
  1. div.nuevaclase{padding:xxx...;}
  #3 (permalink)  
Antiguo 28/07/2010, 12:32
Avatar de Dude--  
Fecha de Ingreso: junio-2004
Ubicación: Sevilla - España
Mensajes: 197
Antigüedad: 13 años, 5 meses
Puntos: 4
Respuesta: Actualizar padding mediante clase CSS

En primer lugar gracias por tu ayuda. Leyendo tu sugerencia debo matizar que se pretende sustituir una clase, sino agregar una a un objeto que no tenía. Disculpa que no pusiera el código, aquí lo tienes:

Código CSS:
Ver original
  1. #galeria, #contacto
  2. {
  3.     padding: 5px;
  4.     width: 600px;
  5. }

Y luego mediante javascript desde php cambio la clase del objeto contacto a .mensaje:
Código PHP:
Ver original
  1. echo '<script>Contacto = document.getElementById("contacto");
  2.          Contacto.setAttribute("class", "mensaje");
  3.          </script>';

Código CSS:
Ver original
  1. .mensaje
  2. {
  3.   background-color: #ffffff;
  4.   -moz-border-radius: 10px;
  5.   -webkit-border-radius: 10px;
  6.   border-radius: 10px;
  7.   padding: 15px 15px 15px 30px;
  8. }

¿A que te refieres con lo de selector más directo?
__________________
"El camino empieza renunciando el control y volviéndose flexibles, como una brizna de paja en un huracán."

"Desconozco tanto... es excitante comenzar a nadar en este mar de dudas..."

Última edición por Dude--; 28/07/2010 a las 12:38
  #4 (permalink)  
Antiguo 28/07/2010, 12:44
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Actualizar padding mediante clase CSS

Cita:
¿A que te refieres con lo de selector más directo?
a que coge primero la ID....

cambiando tu selector de
.mensaje{...}
uno mas directo (y redundante) seria
#contacto.mensaje{...}
y asi cogeria este ultimo chao

Etiquetas: clase, padding
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 22:37.