Come creare una lista con icone diverse?

[neo-one]

Salve... anziché creare una lista con i numeri ordinali o i numeri romani, vorrei usare le immagini... tuttavia senza usare sempre la stessa immagine.

Come posso settare una immagine per ogni elemento della lista?

Es.

icona 1 elemento 1
icona 2 elemento 2
icona 3 elemento 3

etc?

[Myaku]

usando gli id.
Ad ogni id, applicherai un'immagine di background diversa.

[neo-one]

Originariamente inviato da Myaku
usando gli id.
Ad ogni id, applicherai un'immagine di background diversa.

Grazie Myaku

Tuttavia io cercavo un modo per agire direttamente sui css senza intervenire nel codice della pagina... se non in maniera univoca.
La lista infatti viene generata dinamicamente in un cms.. quindi non potrei fare il lavoro manuale di id per id per ogni singola voce...

[fcaldera]

l'unico modo per non intervenire nell'html ma solo con il css implicherebbe l'uso di una pseudoclasse come :nth-child che forse è supportato solo da safari allo stato attuale.

Altrimenti puoi farlo via javascript, purchè tu abbia almeno un id di partenza con cui riferirti alle voci del menu.

Se lo desideri sposto la discussione nel forum js.

[neo-one]

Originariamente inviato da fcaldera
l'unico modo per non intervenire nell'html ma solo con il css implicherebbe l'uso di una pseudoclasse come :nth-child che forse è supportato solo da safari allo stato attuale.

Altrimenti puoi farlo via javascript, purchè tu abbia almeno un id di partenza con cui riferirti alle voci del menu.

Se lo desideri sposto la discussione nel forum js.

Grazie fcaldera
Io non sono esperto di js... ma se non c'è altra soluzione tramite css, forse è meglio spostare

[paololosco]

in via teorica è fattibile utilizzando php (credo anche in ASP anche se non lo conosco)...

nel database inserisci anche un campo "tipo_lista" a cui dai il valore che varia nel tuo css

il css (solo per il valore variabile) dovrai inserirlo nella pagina...

<li style="background: <?php echo $row['tipo_lista']; ?>;">contenuto

io lo uso solitamente per altro (es img di fondo o "tipo formattazione) e funziona bene...