Aqui você verá artigos sobre CSS
Moderador: web
por web Offline » Ter Jul 31, 2007 9:20 am
|
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">
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
web
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil
|
Voltar para Artigos sobre CSS
Quem está online
Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante
