Texto muito grande para option do select

Aqui você verá artigos sobre CSS

Moderador: web

responder a dúvida

Texto muito grande para option do select

Mensagem por web Online » Qui Ago 16, 2007 2:39 pm


Existe um problema quando há um texto maior do que o tamanho do select, e o visitante do site não pode saber qual opção está escolhendo.

Uma alternativa é usar o title, no caso, é informado ao visitante todo conteúdo da opção ao passar o cursor sobre ela.

O código foi testado no FireFox e Internet Explorer, onde no FireFox o uso do title foi ideal, porque o IE come as palavra maiores que o espaço definido.

Já no FireFox foi um complemento, porque mesmo definindo um tamanho para o select, ao selecionar, o FF mostra todo conteúdo da opção.
Código: Selecionar todos
<select style="width:120px;">
<option title="texto pequeno">texto pequeno</option>
<option title="esse texto é médio">esse texto é médio</option>
<option title="esse texto é muuuuuuuuuuuuito grande">esse texto é muuuuuuuuuuuuito grande</option>
</select>

Obs.: Testado nas versões mais atualizadas de cada navegador.



detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12456
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

responder a dúvida

Voltar para Artigos sobre CSS

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante