Jump to content


Photo

[Resolvido] Alinhamento De Campos Com Css


  • Faça o login para participar
6 replies to this topic

#1 Miguel A

Miguel A

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino
  • Localidade:Maringa

Posted 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;

}


#2 André Manoel

André Manoel

    Doutor

  • Usuários
  • 996 posts
  • Sexo:Masculino
  • Localidade:Brasilia

Posted 30/08/2010, 14:41

Primeiro faça assim:

<label class="rotulo" for = "nome">Nome</label>
<input type="text" name="nome" id = "nome" maxlength="40" size="40" class="campos_formulario"/>

Para o label ter a referência do campo você usa o for e no campo você usa o ID do campo... faça o teste com o clique no label para ver o que acontece.

Para colocar um embaixo do outro você faz o seguinte:

label{
   font-family: Verdana, Arial, "Times New Roman";
   color:#f0ed00;
   display:block;
   width: 100%;
}

form{
    margin:0;
}

.campos_formulario{

}


(y)
Iniciando na Ajuda On line...

Posted Image Meu post lhe ajudou? Reputar/votar é uma das formas de agradecer.

#3 Miguel A

Miguel A

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino
  • Localidade:Maringa

Posted 31/08/2010, 13:24

Ok, deu certo..Obrigado pela Ajuda!!!!!!

#4 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 22/09/2017, 16:24

Acheter Levitra Maroc online pharmacy Cialis Auf Rechnung
Como Conseguir Viagra Sin Receta Medica Uk Research Chemicals Clomid
Amoxicillin For Sinus <a href=http://cialtobuy.com>cialis price</a> Sildenafil GСÐСâСÐÐÂnstig Online Kaufen
Tadalafil Online cialis Viagra Cialis Et Autres
Topamax And Propecia Amoxicillin Medicine Malegra Dxt Review
Online Pharmacy Kamagra <a href=http://cialtobuy.com>online pharmacy</a> Levitra What Does It Do

#5 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 06/10/2017, 16:40

Mejor Cialis O Viagra Buy Acyclovir Without Prescription viagra Lloyds Pharmacy Priligy What Is Zithromax Good For The Healthy Man Viagra
How To Buy Isotretinoin Riverside Order Xenical Orlistat Cheap Cialis Femminile levitra germany priligy Cialis Bestellung Amoxicillin Different Penecillin Zithromax Itchy Skin

#6 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 14/10/2017, 06:10

Provera In Internet Cialis Generique levitra prices Propecia Prix Pas Cher How Safe Is Propecia
Levaquin Medication Worldwide Achat Viagra Sur Internet Avis buy cialis Opiniones Kamagra Gel

#7 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 13822 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 31/10/2017, 16:53

Direct Stendra Ed Tablets Ups generic viagra Tadalafil Et De Dapoxetine
Canada Pharmacy On Line 40 mg levitra pills on line for sale Stendra Discount From Canada Delivered On Saturday Cleveland Doxycycline Venta Online
Propecia Comparativa Tomar Viagra Sildenafil levitra pills online Priligy Generico On Line Sex Mit Viagra Cialis Levitra Zithromax Coverage




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq