icona prima del testo

[blob696]

vorrei inserire un icona prima di un testo tramite i css.

nel senso

.box_blocchi_liste P B {test-style-image: url(/images/arg_specifici.gif); FONT-SIZE: 13px; FONT-FAMILY: Verdana, Helvetica;}

ma non è cosi, lo so, anche perchè non funziona.

come faccio?

saluti

[Mich_]

Anzitutto attenzione alla sintassi: i nomi dei tag vanno scritti minuscoli.
Inoltre il tag [b] e` deprecato, e quindi qualche brwoser potrebbe ignorarlo.

Se hai una lista, per mettere un'immagine al posto del puntino, devi usare
list-style-image.
Vedi il tuo manuale CSS preferito, oppure vedi http://www.w3schools.com/css/css_reference.asp (alla sezione "list")

Se invece il tuo pezzo non fa parte di una lista, devi racchiuderlo in un elemento inline (puo` essere un <a>, se e` un link, oppure uno <span> se non ci sono altri elementi). Ad esempio, per un codice HTML del tipo:

<div class="box_blocchi_liste">
  

testo... 
    <span>immagine davanti<span>
    altro testo...
  </p>
</div>

Il CSS potrebbe essere:

box_blocchi_liste span {
  background-image: url(....);
  background-position: center left;
  padding: 0 0 0 20px;    /* la larghezza dell'immagine */
  line-height: 20px;        /* uguale all'altezza dell'immagine - per centrare il testo rispetto all'immagine */
}