Colocar Imagem Dentro De Select?
#1
Posted 30/04/2007, 21:55
Tem como colocar uma imagem dentro de select box?
Quero fazer um select box que quando a pessoa clique apareça uma lista de imagens e ela possa escolher uma (óbvio) xP
Obs: As imagens serão dinâmicas, de acordo com os dados do BD
Valeu ae
- Miguceamma likes this
#2
Posted 02/05/2007, 09:36
sim isso é possível basta usar um pouco de CSS ...
<select> <option style="padding-left: 20px;background:#fff url(b_docs.png) no-repeat;">Teste</option> <option style="padding-left: 20px;background:#fff url(b_docs.png) no-repeat;">Teste</option> </select>
Boa sorte ... Qualquer coisa volte a postar
Acesse agora mesmo http://yeapiz.com
#3
Posted 19/08/2008, 15:09
#4
Posted 19/08/2008, 18:23
Não faça isso porque seria uma gambiarra...E eu consigo usar quebra de linha no Select ???
Você pode simular a quebra de linha colocando padding-top e padding-bottom no option.
Muller Dias
ex-administrador Fórum WMO
#5
Posted 19/08/2008, 20:18
Não faça isso porque seria uma gambiarra...
Você pode simular a quebra de linha colocando padding-top e padding-bottom no option.
Usando div ou span ???
me dá um exmplo ai rs..
#6
Posted 20/08/2008, 08:36
Exemplo:
CSS
select option { padding:20px; }
HTML
<select> <option>Teste</option> </select>
Sacou?
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.
#7
Posted 20/08/2008, 09:14
Sacou?
Não ele quis dizer que dá pra simular uma quebra de linha usando CSS
estilizar com CSS eu acho que sei.. só não estou conseguindo imaginar como fazer essa "gambiarra"
#8
Posted 20/08/2008, 09:33
Tu não entendeu o comentário dele:
Você pode simular a quebra de linha colocando padding-top e padding-bottom no option.
Vai pelo meu exemplo que tu vai bem
Foi isso aí que ele quis dizer mesmo. Para tu usar padding para simular a quebra de linha. O padding causa um espaço. Espaço este que é o mesmo que um <br/> (quebra de linha) causa.
Sacou?
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.
#9
#10
Posted 20/08/2008, 14:15
Então... <br/> não vai funcionar.
Pelo teu exemplo, o que eu posso te sugerir é alterar um pouco a estrutura dele e usar optgroup para as cidades. Sendo assim, o sistema ficaria organizado por cidades, e dentro de cada categoria de cidade, aparecia os nomes dos meliantes. É a única forma que me veio na cabeça para resolver teu problema.
Por exemplo:
<select> <optgroup label="Cidade: blehbleh"> <option>Joãozinho</option> <option>Alfonso</option> </optgroup> <optgroup label="Cidade: 123123"> <option>Joãozinho 2</option> <option>Alfonso 2</option> </optgroup> </select>
A estrutura vai mudar um pouco, mas vai continuar mostrando nomes + cidades
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.
#11
Posted 20/08/2008, 14:40
valeu pela ajuda. !
#12
Posted 08/11/2017, 09:12
Buy Cialis Online Usa Oklahoma Buy Carafate Us Cialis Online Contrassegno viagra Keflex Side Effects Renal Amoxil No Prescription Levitra 10 Mutuelle Generale
Cialis Pharmacies Online Buy Viagra No Perscription viagra Herbolax
#13
Posted 11/12/2022, 00:38
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)