7 replies to this topic

[Miguel A]

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;

}

[André Manoel]

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{

}

[Miguel A]

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

[HaroNism]

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

[HaroNism]

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

[HaroNism]

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

[HaroNism]

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

[HaroNism]

п»Ñcialis Genetic and functional studies implicate HIF1О± as a 14q kidney cancer suppressor gene
Diclofenac has been associated with anaphylactic reactions in patients with and without known hypersensitivity to diclofenac and in patients with aspirin sensitive asthma see Contraindications 4 and Warnings and Precautions 5 nolvadex where to buy
Major pxwYtViTeTEtcokM 5 29 2022 stromectol dose for scabies Rat bite fever is an acute febrile illness characterized by rash and relapsing fever