Imagem dentro de Select

[Castellari 0]

Boa tarde pessoal, estou com um pequeno problema, espero que possam me ajudar,

Estou tentando criar um campo select com imagens antes de cada palavra, farei isso para representar os paises, no estilo do usado no site do ebay (www.ebay.com.br) alguma dica? dei uma procurada no forum e não achei uma solução que funcionasse.

 

Agradeço a compreensão.

[GabrielFerrari 41]

Use a propriedade background nos elementos option

 

 

<select>
 <option style="background:url(img1.png) no-repeat;">Teste</option>
 <option style="background:url(img2.png) no-repeat;">Teste</option>
</select>

[Thiago Retondar 18]

Simule isso com outra marcação sem ser o select e JavaScript.

 

Não é difícil de fazer.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Castellari 0]

Use a propriedade background nos elementos option

 

 

<select>
 <option style="background:url(img1.png) no-repeat;">Teste</option>
 <option style="background:url(img2.png) no-repeat;">Teste</option>
</select>

Olá, ja havia tentado usar o background, mas não vai de jeito nenhum, simplismente não acontece nada.

 

Simule isso com outra marcação sem ser o select e JavaScript.

 

Não é difícil de fazer.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Olá amigo, obrigado pela dica, porem sou leigo no assunto, alguma sugestão mais direta?

 

Obrigado.

[GabrielFerrari 41]

como tentou com background?

[Castellari 0]

como tentou com background?

 

Do jeitinho que você enviou

 

<select>

<option style="background:url(img1.png) no-repeat;">Teste</option>

<option style="background:url(img2.png) no-repeat;">Teste</option>

</select>

 

Não modifiquei nada (só a img claro), e mesmo assim não funcionou...

[GabrielFerrari 41]

funciona sim :P

Fiz um exemplo rápido aqui para você:

http://rapidshare.com/files/397437445/exemplo.rar.html

[Castellari 0]

funciona sim :P

Fiz um exemplo rápido aqui para você:

http://rapidshare.com/files/397437445/exemplo.rar.html

 

Boa tarde Thelon,

foi isso mesmo que eu fiz, igual o seu, e o resultado foi o mesmo, tem algo errado, será que estou tentando vizualizar de forma errada? ou sera que pode ser meu navegador? segue screenshot do seu arquivo aberto aqui no meu PC.

 

[GabrielFerrari 41]

vish agora que vi que esse negócio não funciona no IE

é mlehor seguir o que o Thiago disse

[Castellari 0]

vish agora que vi que esse negócio não funciona no IE

é mlehor seguir o que o Thiago disse

 

Você sabe/pode me informar outra opção que não seja Select/Javascript? sou meio leigo...

 

Anyway, obrigado.

[GabrielFerrari 41]

desconheço.

de uma olhada no fórum de javascript e veja se acha algo simples

não aparenta ser muito complicado.

[Castellari 0]

desconheço.

de uma olhada no fórum de javascript e veja se acha algo simples

não aparenta ser muito complicado.

 

Achei isso: http://www.brainfault.com/demo/jquery.selectbox-1.2/selectbox.html

Mudei o background e consegui deixar certinho a bandeira do brasil antes da palavra, porem, o que eu precisava não consegui, que é colocar a bandeira antes de cada palavra dentro do select, nesse caso não aparece nas palavras dentro dele, conforme mostra a foto abaixo, perdoe minha insistencia, mas estou me matando pra conseguir isso.

 

 

Segue o link para download do selectbox: http://www.brainfault.com/download/jquery.selectbox-1.2.zip