Jump to content


Photo

Colocar Imagem Dentro De Select?


  • Faça o login para participar
12 replies to this topic

#1 GreyWolf

GreyWolf

    Mestre

  • Usuários
  • 674 posts
  • Sexo:Não informado

Posted 30/04/2007, 21:55

Ae raça.

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

#2 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 02/05/2007, 09:36

Olá GreyWolf,

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
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com

#3 viniciusjau

viniciusjau

    Veterano

  • Usuários
  • 1492 posts
  • Sexo:Masculino
  • Localidade:Jaú
  • Interesses:Web Designer em Geral

Posted 19/08/2008, 15:09

E eu consigo usar quebra de linha no Select ???

#4 '' sem.Ponto

'' sem.Ponto

    Super Veterano

  • Ex-Admins
  • 2098 posts
  • Sexo:Masculino
  • Localidade:Belo Horizonte

Posted 19/08/2008, 18:23

E eu consigo usar quebra de linha no Select ???

Não faça isso porque seria uma gambiarra...

Você pode simular a quebra de linha colocando padding-top e padding-bottom no option. ;)
att,
Muller Dias
ex-administrador Fórum WMO

#5 viniciusjau

viniciusjau

    Veterano

  • Usuários
  • 1492 posts
  • Sexo:Masculino
  • Localidade:Jaú
  • Interesses:Web Designer em Geral

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 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 20/08/2008, 08:36

Como assim usando div ou span? O que ele quis dizer, é que você pode estilizar um formulário normalmente com CSS.

Exemplo:

CSS
select option {
padding:20px;
}

HTML
<select>
<option>Teste</option>
</select>

Sacou? (y)
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#7 viniciusjau

viniciusjau

    Veterano

  • Usuários
  • 1492 posts
  • Sexo:Masculino
  • Localidade:Jaú
  • Interesses:Web Designer em Geral

Posted 20/08/2008, 09:14

Sacou? (y)


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 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 20/08/2008, 09:33

Não tchê!!!

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 (y)

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? :P
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#9 viniciusjau

viniciusjau

    Veterano

  • Usuários
  • 1492 posts
  • Sexo:Masculino
  • Localidade:Jaú
  • Interesses:Web Designer em Geral

Posted 20/08/2008, 10:32

Então véi.. acho que sou eu que não estou sabendo explica...
Ele causa esse espaço que você disse mas não manda texto pra linha de baixo...

o que eu queria fazer é o seguinte:
<option>Vinicius<br />Cidade: Jaú</option>

Ficaria assim:
Posted Image

#10 Nicholas Pufal

Nicholas Pufal

    Impossível: só existe até alguém duvidar e provar o contrário.

  • Usuários
  • 1655 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre

Posted 20/08/2008, 14:15

Entendi agora o que tu quer.

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 (y)
BLOG Touché Criação - Vamos trocar idéias? -> http://blog.touchecriacao.com.br/
// Links úteis: Busca || Regras
// Não respondo dúvidas via mensagem privada. Use o fórum para buscar ou perguntar.

#11 viniciusjau

viniciusjau

    Veterano

  • Usuários
  • 1492 posts
  • Sexo:Masculino
  • Localidade:Jaú
  • Interesses:Web Designer em Geral

Posted 20/08/2008, 14:40

Legal... !!
valeu pela ajuda. !

#12 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 08/11/2017, 09:12

Levitra Price Uk cialis buy online Finasteride 5mg Side Effects Silagra Uk Websites Priligy De 30 O 60
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 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 11/12/2022, 00:38

The pains I experienced with Watson seemed to increase the longer I was on it hence the need for a Tamoxifen vacation nolvadex reddit




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq