ciao è possibile fare una select che all'interno abbia al posto dei classici link delle immagini ..![]()
ciao è possibile fare una select che all'interno abbia al posto dei classici link delle immagini ..![]()
Basta mettere un immagine di sfondo al tag <option>
codice:<option style="background:url(immagine.png) no-repeat 0 0;">Immagine</option>
FEDERIX.IT - [Pillola] GRAFICA DEI FORM
...ho ancora quella forza che ti serve, quando dici "Si comincia!"
ho provato ma non funziona non mi mostra niente..
ho provato anche tramite icssCodice PHP:
<select name="select" id="select">
<option>Low Cost</option>
<option style="background:url(<%response.write percorso%>/img/1.gif) no-repeat 0 0;">-----</option>
<option style="background:url(<%response.write percorso%>/img/2.gif) no-repeat 0 0;">-----</option>
</select>
<option class="1stella">-----</option>Codice PHP:
Option.1stella {
background-image: url(../img/1.gif);
background-repeat: no-repeat;
}
niente da fare..
:master:
Il problema è un altro ...
Questo codice:
funziona perfettamente su:codice:<select"> <option value="">Seleziona un valore</option> <option style="background:url(1.gif) no-repeat 0 0;padding-left:20px;height:20px;" value="uno">uno</option> <option style="background:url(2.gif) no-repeat 0 0;padding-left:20px;height:20px;" value="due">due</option> <option style="background:url(3.gif) no-repeat 0 0;padding-left:20px;height:20px;" value="tre">tre</option> <option style="background:url(4.gif) no-repeat 0 0;padding-left:20px;height:20px;" value="quattro">quattro</option> </select>
Firefox 3
e .. basta!
IE7: non funziona
Opera 9.26: non funziona
Safari (beta x Windows) non funziona
Giusto per far vedere, allego come si comporta Firefox:
HTH
Zappa
[PC:Presario 2515EU][Cpu:P4@2.3GHz][Ram: 512M][HDU:80G@5400 RPM]
[Wireless:LinkSys][OS: Ubuntu 9.04 - Jaunty Jackalope]