Jump to content


Miguel A

Member Since 29/08/2010
Offline Last Active 31/08/2010, 13:24
-----

Topics I've Started

[Resolvido] Alinhamento De Campos Com Css

29/08/2010, 01:16

Pessoal, alguém poderia me ajudar...eu não estou conseguindo alinhar os campos..ou seja quero q nome, sobrenome, etc fique alinhado, tanto o label como o input(um embaixo do outro).....Se alguém puder me ajudar agradeço...só preciso q alinhem 2 pra mim ver como é, o resto eu fazo..só quero exemplo..

Obrigado


<div id="corpo">

                              Cadastro de Pacientes


                              <form action="valida" method="post" id="cadastro" class="formulario">
                                
                                  <label class="rotulo">Nome<input type="text" name="nome" maxlength="40" size="40" class="campos_formulario"/></label><br/>
                                  <label class="rotulo">Sobrenome<input type="text" name="sobrenome" maxlength="40" size="40"class="campos_formulario"/></label><br/>
                                  <label class="rotulo">CPF<input type="text" name="cpf" size="40" class="campos_formulario"/></label><br/>
                                  <label class="rotulo">RG<input type="text" name="rg" class="campos_formulario"/></label><br/>
                                  <label>Sexo<select name="sexo">
                                          <option>Masculino</option>
                                          <option>Feminino</option>
                                         </select>
                                  </label><br/>
                                  <label>Endere&ccedil;o<input type="text" name="endereco" class="campos_formulario"/></label><br/>
                                  <label>Bairro<input type="text" name="bairro" class="campos_formulario"/></label><br/>
                                  <label>Cidade<input type="text" name="cidade" class="campos_formulario"/></label><br/>
                                  <label>Data&nbsp;de&nbsp;Nacimento<input type="text" name="data" class="campos_formulario"/></label><br/>
                                  <label>Estado&nbsp;Civil<input type="text" name="estado" class="campos_formulario"/></label><br/>
                                  <label>Nacionalidade<input type="text" name="nacionalidade" class="campos_formulario"/></label><br/>
                                  <label>Tel&eacute;fone<input type="text" name="telefone" class="campos_formulario"/></label><br/>
                                  <label>Celular<input type="text" name="celular" class="campos_formulario"/></label><br/>
                                  <label>Tel&eacute;fone&nbsp;Com&eacute;rcial<input type="text" name="telefone_comercial" class="campos_formulario"/></label><br/>
                                  <label>Email<input type="text" name="email" class="campos_formulario"/></label><br/>
                                  <label>Situa&ccedil;&atilde;o<select name="sexo">
                                          <option>Ativo</option>
                                          <option>Desativado</option>
                                         </select>
                                  </label><br/>
                                  <label>CRM<input type="text" name="CRM" class="campos_formulario"/></label><br/>
                                  <label>Blog<input type="text" name="blog" class="campos_formulario"/></label><br/>

                              </form>
                          </div>






Meu CSS


.rotulo{
margin-left:5px;
font-family: Verdana, Arial, "Times New";
color:#f0ed00;
position:absolute;

}

.formulario{
    position:relative;
    margin:0;
    

}

.campos_formulario{
    margin-left:50px;
 
    float:left;
    position: absolute;

}

IPB Skin By Virteq