[Resolvido] Formatar formulário

joaocasta · July 7, 2012 at 10:21 AM

Olá, gostaria de saber como posso formatar o meu formulário de modo que ele fique parecido com este:

ja tentei várias coisas, mas saíram todas mal, fica tudo torto... se me pudessem dar algumas dicas..

laeknishendr · July 7, 2012 at 01:07 PM

Você deve organizá-lo dentro de duas tabelas alinhadas a esquerda, e fazer algumas coisas com CSS de acordo com a sua preferência, segue o exemplo:

http://exemplos.segbr.net/p@p/001.html

<!DOCTYPE html>
<html>
<head>
 <title>Exemplo</title>
</head>

<style type="text/css">
 #formCadastro table
 {
  float: left;
 }

 #tLeft
 {
  border-right: 1px silver solid;
  margin-right: 10px;
  padding-right: 10px;
 }

</style>

<body>
 <form id="formCadastro">
  <table id="tLeft">
   <tr>
 <td>Nome</td>
 <td><input type="text" /></td>
   </tr>
   <tr>
 <td>Login</td>
 <td><input type="text" /></td>
   </tr>
   <tr>
 <td>Senha</td>
 <td><input type="password" /></td>
   </tr>
  </table>

  <table>
   <tr>
 <td>Nome</td>
 <td><input type="text" /></td>
   </tr>
   <tr>
 <td>Login</td>
 <td><input type="text" /></td>
   </tr>
   <tr>
 <td>Senha</td>
 <td><input type="password" /></td>
   </tr>
  </table>
 </form>
</body>
</html>

joaocasta · July 8, 2012 at 07:25 AM

Obrigadão, pá! Ajudaste-me muito, obrigado mesmo 😉

brunoais · July 8, 2012 at 03:48 PM

Você deve organizá-lo dentro de duas tabelas alinhadas a esquerda, e fazer algumas coisas com CSS de acordo com a sua preferência, segue o exemplo:

http://exemplos.segbr.net/p@p/001.html
...

Estás a magoar-me à grande...

laeknishendr · July 8, 2012 at 04:05 PM

Estás a magoar-me à grande...

kkkk, web 1995

HappyHippyHippo · July 8, 2012 at 05:46 PM

div ?? o que é isso ???

Sign In

[Resolvido] Formatar formulário

Recommended Posts

joaocasta

laeknishendr

joaocasta

brunoais

laeknishendr

HappyHippyHippo

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information