Olá a todos!

Com a crescente necessidade de utilização do css em páginas web como também as constantes mudanças envolvidas, fazem de uma simples tarefa uma dor de cabeça para desenvolvedores, no que diz respeito a uma boa apresentação do seu site nos diferêntes browsers.

Neste momento gostaria de apresentar um simples formulário de login estilizado, com o css compactado e funcional para a maioria dos browsers, onde abordo conceitos de posicionamento de objetos no documento.

1° O documento…

<form name=”frmLogin” method=”POST” action=”#”> <div class=”divLogin”> <div class=”linha1″> Efetuar Login </div>

<div class=”linha2″> <div class=”col1″> Usuário </div>

<div class=”col2″> <input type=”text” class=”txt” title=”Digite o nome de usuário” onfocus=”this.className=’cxOn’” onblur=”this.className=’cxOff’”> </div> </div>

<div class=”linha3″> <div class=”col1″> Senha </div>

<div class=”col2″> <input type=”password” class=”txt” title=”Digite a sua senha” onfocus=”this.className=’cxOn’” onblur=”this.className=’cxOff’”> </div> </div>

<div class=“linha4″> <input type=“reset” value=“Limpar” title=“Clique More >