Propiedades de un ID en CSS

[La_pcra]

Bueno de antemano muchos saludos a todos y les agradezco la ayuda que me puedan brindar.

El problema es que quiero modificar la imagen de fondo de los box de una plantilla, el problema es que es prediseñada y no se mucho de css el codigo que quiero modificar es el siguiente: ( no lo pongo todo para no confundirlos )

Código:

class="edit_rb_footer" id="edit_rb_footer_1">

class="edit_rb_footer" id="edit_rb_footer_2">

Como veran el class es el mismo, pero el id es distinto. Mi pregunta es ¿Como le puedo hacer para modificar la ID?, por que ya modifique el CLASS pero me pone la misma imagen en FOOTER_1,_2, etc

entonces como es una plantilla ya predeterminada me preguntaba si en lugar de modificar el CLASS podria modificar el ID.

Yo hice lo siguiente:

Código:

Por defecto viene asi:

td.edit_rb_footer{background-image:url(Aqui modifico el codigo como quiero pero como les habia dicho me pone lo mismo en todas las ID);widht: 168px;height: 48px;background-color:#091833;background-repeat: no-repeat;} 

Intente con esto:

td.edit_rb_footer_1{background-image:url(Es el nombre de la ID pero no me lo toma);widht: 168px;height: 48px;background-color:#091833;background-repeat: no-repeat;}

¿Que es lo que puedo hacer ?

Muchas gracias y espero su ayuda. Saludos y buen dia.

[Aresillo]

Si lo que quieres es modificar la imagen de fondo, lo que tienes que hacer es retocar la imagen con algún programa y guardarla con el mismo nombre...
Lo que pasa es que lo que querias hacer era modificar el id y en tu intento estás modificando la clase, y claro como en el html no existe una clase "edit_rb_footer_1" sino que es un id...
Podrías probar así...
#edit_rb_footer_1 td{background-image:url(ruta);widht: 168px;height: 48px;background-color:#091833;background-repeat: no-repeat;}

aunque habría que verlo con más detalle porque modificando un template puede haber muchas cosas que interfieren...

Si tienes un link a la web nos sería de gran ayuda...

Aresillo!!

[La_pcra]

Bueno muchas gracias Aresillo, aqui te dejo mi pagina web; http://lapcra.es.tl la idea es modificar uno de los modulos de la derecha, para hacer un modulo de eventos; hice un diseño navideño pero no puedo modificar solo uno, ya que como habia comentado se modifican todos los modulos

Probe con el codigo:

#edit_rb_footer_1 td{background-image:url(ruta);widht: 168px;height: 48px;background-color:#091833;background-repeat: no-repeat;}

Pero no dio resultado alguno, les agredezco la ayuda.

[Aresillo]

Pufff..
Está todo maquetado con tablas... y me es una locura...
Qué estáas utilizando? joomla o que? o está hecho mano?
Dame info...

Aresillo!!

[La_pcra]

El servicio que ocupo se llama PWG (Pagina Web Gratis) y puedes elegir entre varias plantillas y despues modificarlas a tu gusto, modificando el siguiente codigo:

Código HTML:

<style type="text/css">

<!--
body{background-image:url(URL DE IMAGEN);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url();}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url();}
td.edit_rechts_bottom{background-image: url();}

td.edit_header_full{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.nav_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.nav:hover{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.sidebar_heading{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty3{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty4{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.shouty5{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_rb_footer{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.edit_content_top{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}
td.edit_content_bottom:hover{background-image:url();}
td.edit_content_bottom2{background-image:url(URL DE IMAGEN);background-color:#NÚMERO DEL COLOR;}

td.edit_below_nav{visibility:hidden;}
td.edit_rechts_sbg{visibility:hidden;}

--></style> 

Espero sirva de algo.

[La_pcra]

Mmmmm me parece que no hay solución, no puedo hacer alguna otra cosa?

[rb3m]

Para modificar una clase usas el punto (.):

.nombredelaclase { estilos }

Pero para modificar un id usas el símbolo de número (#)

#nombredelid { estilos }

O sea que para cambiar el fondo de cada id simplemente pones:

.clase { colores y eso que sean iguales para todos los ids y demás elementos de esta clase }
#id1 { fondo y demás cosas únicas a este id }
#id2 { otras cosas únicas de este id }

[La_pcra]

Muchisimas gracias rb3m. Ahora ya esta solucionado mi problema, ya podre poner mi modulo de eventos. Te lo agradezco muchisimo, eres un crack.