immagini in una lista select

[nikkinakki]

Salve a tutti
in una lista di un form, creata con <select><option>ecc ecc .... vorrei far apparire una immagine accanto al testo di ogni riga.
Per essere + preciso, se ho

<select>
<option>testo QUI VORREI L'IMMAGINE 1</option>
<option>testo QUI VORREI L'IMMAGINE 2</option>
<option>testo QUI VORREI L'IMMAGINE 3</option>
</select>

qualcuno sa come si può fare??

Grazie a tutti
ciao ciao

[Federix]

Io ti do un input, poi tu modifica il codice a tuo piacimento:

<option style="background:url(immagine1.gif) no-repeat 0,0;">Ciao</option>
<option style="background:url(immagine2.gif) no-repeat 0,0;">Miao</option>
<option style="background:url(immagine3.gif) no-repeat 0,0;">Bau</option>

[nikkinakki]

Ciao Federix
ho provato ad utilizzare il codice, ma non si vedono le immagini....
(naturalmente ho messo il percorso completo dell' immagine)
cosa manca??
grazie

[Federix]

Mi puoi mostrare il codice che hai usato e dirmi con quale browser lo testi?

Prova con questo:

<select>
<option style="background-image:url(/immagini/it.png); background-repeat:no-repeat; text-indent:15px;">Ciao</option>
<option style="background-image:url(/immagini/uk.png); background-repeat:no-repeat; text-indent:15px;">Ciao</option>
</select>

Su IE però non funziona....chissà perché

[nikkinakki]

ho letto la tua pillola, e ho inserito nel mio foglio di stile:

.select {
font-family: Verdana; // tipo carattere
color: #FFFFFF; // colore carattere
font-size: 10px; // dimensione carattere
font-weight: bold; // spessore carattere
font-style: italic; // stile carattere
border: 1px solid yellow; // tipologia bordo di colore giallo
background-color: #990000; // colore sfondo
}


poi, nella mia pagina ho messo:

echo"<select class=\"select\">
<option>Ciao</option>
<option>Miao</option>
<option>Bau</option>
</select>";


(NB: uso \" perchè sono in php)


Modificando i dati nel foglio di stile, l'unica cosa che cambia e il carattere, mentre il colore di sfondo no ( è sempre bianco).
Uso Internet Explorer 6.0.29

Grazie.
Ciao

[Federix]

Nella pillola ci sono i commenti che vanno omessi, altrimenti gli stili non funzionano. Li avevo applicati per rendere leggibile ogni singola riga, ma in fase di progettazione devono essere omessi

[pierofix]

Anche perchè, detto a sottovoce , i commenti nel linguaggio CSS si fanno così:

/* Commento */

[nikkinakki]

Hai ragione per i commenti (e pensare che io nei fogli di stile li metto sempre /**/). Funziona infatti. Adesso, il problema è particolarizzare ogni option. Come fare a mettere in ogni option un colore di sfondo diverso??

Grazie per la tua pazienza

[nikkinakki]

Federix, ci sono riuscito, bastava creare una voce in + nel foglio di stile e assegnarla all'option
(certo che sono xxxxxxx a non arrivarci subito )
Grazie tante

Federix edit:
Occhio alle parole