background: url

[Progeny]

CSS:

/* Modules Title */
h2#module_title {
  line-height: 48px;
  background-position: 15px 50%;
  text-align: left;
  padding-left: 80px;
  border-bottom: 2px solid #3B88C5;
}

h2#module_title .photobook {
  background: url("../images/modules/photobook.png") left no-repeat;
}
h2#module_title .poll {
  background: url("../images/modules/poll.png") left no-repeat;
} 

HTML:

<h2 id="module_title" class="photobook">Photobook</h2> 

come mai la classe "photobook" non ha effetti? non visualizzo l'immagine di background... se metto background url: in h2#module_title funziona...

come posso sistemare?

ps.: aggiorno la cache sia chiaro... il file css viene ricaricato...

[fcaldera]

h2#module_title .photobook {
background: url("../images/modules/photobook.png") left no-repeat;
}

significa che cerchi un elemento con classe 'photobook' annidato in un elemento che ha id 'module_title'. Nel tuo caso invece i due elementi coincidono e quindi quella regola non viene applicata.

Considerando che un id deve essere univoco per forza ti basta scrivere

h2#module_title {
background: url("../images/modules/photobook.png") left no-repeat;
}

[Progeny]

so che l'id deve essere univoco.. ti chiarisco la situazione

c'è un solo h2 id="module_tilte" per pagina, ci sono più pagine che contengono questo h2, l'unica cosa che cambia in queste pagine per questo h2 deve essere l'immagine di sfondo...

come posso ottenere lo stesso risultato?

forse facendo:

.photobook {
  background: url("../images/modules/photobook.png") left no-repeat;
} 

e quindi lasciando <h2 id="module_title" class="photobook"> ? solo che in questo caso, andando a leggere il codice CSS sarbebe un po' criptico capire a cosa si riferisce la classe photobook (ci sono altre voci a cui si riferisce photobook, tipo i menu`)

una cosa tipo <h2><span>Photobook</span></h2> è sux? quello span dentro h2 google come lo vede? oppure è meglio qualcosa tipo <div><h2></h2></div>?