Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Alinhar texto verticalmente no input

31-07-2007 08:20

Geralmente quando se usa o height dentro de um style para aumentar o tamanho do input, é encontrado o seguinte probrema:
- o texto fica alinhado no topo do input.

Para corrigir esse problema, criei esse script onde é definido um estilo ( class ) diferente para cada navegador, para que o funcionamento do alinhamento funcione no IE e FF.

JAVASCRIPT

<script type="text/javascript"> /* PARA FIREFOX */ if(navigator.userAgent.indexOf("Firefox")!=-1) { document.write('<style type="text/css">') document.write('.correto {') document.write('height:40px;') document.write('line-height:40px;') document.write('vertical-align: middle;') document.write('padding-top:10;') document.write('}') document.write('</style>') } /* PARA INTERNET EXPLORER */ if(navigator.userAgent.indexOf("MSIE")!=-1) { document.write('<style type="text/css">') document.write('.correto {') document.write('height:40px;') document.write('line-height:38px;') document.write('vertical-align: middle;') document.write('}') document.write('</style>') } </script>

EXEMPLO
<input type="text" style="height:40px;" value="texto alinhado no topo">   <br><br>   <input type="text" class="correto" value="texto OK">

0
A melhor hospedagem para o seu site HostGator!

Quem está online

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