elenchi con imag laterale diversa

[minium]

Sto costruendo un elenco con le iconcine al posto del pallino
voreri che ogni punto avesse un'img diversa

inserisco il tutto e man mano che inserisco le img mi scompaiono quelle sopra

riporto i tag
<ul class="icon">[*]titolo</span>

<ul>
<li class="www">acquisto su internet
<li class="tel"> assistenza al telefono
<li class="sms">via sms

[/list]
[/list]

css

ul.icon li
{
list-style:none;
margin:0;
padding:0;
line-height:28px;
padding-left:12px;
}

ul.icon
{
width:800px;
}

ul.icon,.www li li
{
background:url(immagini/icona_www.gif) no-repeat 32px 32px
height:37px;
}

ul.icon,.tel li li
{
background:url(immagini/icona_tel.gif) no-repeat 15px 55px
}

ul.icon,.sms li li
{
background:url(immagini/icona_sms.gif) no-repeat 32px 83px
}

grrr aiutateme VVoVe:

[Mich_]

Devi usare correttamente i selettori CSS. Se hai dei dubbi rivediti il tutorial CSS a quel capitolo.

Con quel codice HTML postato, il CSS dovrebbe essere:

ul.icon {
  width:800px;
  list-style: none;
  margin: ...;
  padding: ...;
}

ul.icon li {
  list-style:none;
  margin:0;
  padding:0;
  line-height:28px;
  padding-left:12px;
  background-repeat: no-repeat;
}

.www {
  background:url(immagini/icona_www.gif); /* no-repeat 32px 32px*/
  height:37px;
}
.tel {
  background:url(immagini/icona_tel.gif); /* no-repeat 15px 55px*/
}
.sms {
  background:url(immagini/icona_sms.gif); /* no-repeat 32px 83px*/
}

IL no-repeat si puo` scriverelo una volta sola. la posizione del background deve essere per tutti a sinistra, forse centrata in verticale; ma se le icone sono tutte alte uguali e come il line-height, si puo` anche omettere. Come le avevi messe tu erano spostate molto in basso (a parte che il selettore era sbagliato, quindi non avrebbe comunque mostrato nulla).

[minium]

Originariamente inviato da Mich_
Devi usare correttamente i selettori CSS. Se hai dei dubbi rivediti il tutorial CSS a quel capitolo.

Con quel codice HTML postato, il CSS dovrebbe essere:

ul.icon {
  width:800px;
  list-style: none;
  margin: ...;
  padding: ...;
}

ul.icon li {
  list-style:none;
  margin:0;
  padding:0;
  line-height:28px;
  padding-left:12px;
  background-repeat: no-repeat;
}

.www {
  background:url(immagini/icona_www.gif); /* no-repeat 32px 32px*/
  height:37px;
}
.tel {
  background:url(immagini/icona_tel.gif); /* no-repeat 15px 55px*/
}
.sms {
  background:url(immagini/icona_sms.gif); /* no-repeat 32px 83px*/
}

IL no-repeat si puo` scriverelo una volta sola. la posizione del background deve essere per tutti a sinistra, forse centrata in verticale; ma se le icone sono tutte alte uguali e come il line-height, si puo` anche omettere. Come le avevi messe tu erano spostate molto in basso (a parte che il selettore era sbagliato, quindi non avrebbe comunque mostrato nulla).

grazzzzzzieeeee mille
mi hai risollevato la giornata
grazie di cuore
funziona ora
grazie