Como mudar posição dos campos no html?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como mudar posição dos campos no html?

Mensagem por Mauricio Molina em 01/07/14, 06:07 pm

  • Descrição:
Ola pessoal...

Fiz um formulário de postagem e esta funcionando perfeitamente...

Tenho estas duas partes:

Código:
<br /><dl class="campos_form"><dt><span class="1"><label>Temperatura:</label>Descreva a faixa de temperatura, sem caracteres (ºC ou ~), número direto.</span></dt><br /><dd><span class="2"><input class="find input" id="11" "="" style="width: 60px; height: 20px; clear: both;" type="text" /></span></dd></dl> até <dd><span class="2"><input class="find input" id="12" "="" style="width: 60px; height: 20px; clear: both;" type="text" /></span></dd></dl>

                <br /><dl class="campos_form"><dt><span class="1"><label>Ph:</label>Descreva a faixa de ph (6.2, 7.2) e a nomenclatura (ácido, ácido a neutro, etc).</span></dt><br /><dd><span class="2"><input class="find input" id="13" "="" style="width: 60px; height: 20px; clear: both;" type="text" /></span></dd></dl> até <dd><span class="2"><input class="find input" id="17" "="" style="width: 60px; height: 20px; clear: both;" type="text" /></span></dd></dl>

Que faz os seguintes campos:

 

Como faço para que os campos de digitação fique ao lado um do outro?

Ex:

campo de digitação (até) campo de digitação    

Obrigado!

  • Informações:
Fórum:http://aquapeixes.forumeiros.comVersão:PHPBB3
Tipo:Pedido de códigoTags:mudar,posição,campos,html?



Última edição por Mauricio Molina em 02/07/14, 02:48 pm, editado 1 vez(es)
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como mudar posição dos campos no html?

Mensagem por Shek em 01/07/14, 08:25 pm

Boa noite!

Tente com este novo HTML:
Código:
<div id="shek_fa"><br><dl class="campos_form"><dt><span class="1"><label>Temperatura:</label>Descreva a faixa de temperatura, sem caracteres (ºC ou ~), número direto.</span></dt><br><dd><span class="2"><input class="find input" id="11" "="" style="width: 60px; height: 20px; clear: both;" type="text"> até <input class="find input" id="12" "="" style="width: 60px; height: 20px; clear: both;" type="text"></span></dd></dl>

                <br><dl class="campos_form"><dt><span class="1"><label>Ph:</label>Descreva a faixa de ph (6.2, 7.2) e a nomenclatura (ácido, ácido a neutro, etc).</span></dt><br><dd><span class="2"><input class="find input" id="13" "="" style="width: 60px; height: 20px; clear: both;" type="text"> até <input class="find input" id="17" "="" style="width: 60px; height: 20px; clear: both;" type="text"></span></dd></dl>
</div>
Até mais!

Tópico movido de 'Questões sobre JavaScript & jQuery' para 'Questões sobre HTML & BBCode'


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17156
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como mudar posição dos campos no html?

Mensagem por Mauricio Molina em 01/07/14, 08:45 pm

Ola...

resultou, mas ficou muito espaçado, veja:



Como corrigir?

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Resolvido Re: Como mudar posição dos campos no html?

Mensagem por Shek em 01/07/14, 09:25 pm

Boa noite!

Troque por este:
Código:


<div id="shek_fa"><br><dl class="campos_form"><dt><span class="1"><label>Temperatura:</label>Descreva a faixa de temperatura, sem caracteres (ºC ou ~), número direto.</span></dt><br><dd><span class="2"><input class="find input" id="11" "="" style="width: 60px; height: 20px; clear: both;" type="text"> até <input class="find input" id="12" "="" style="margin-left: 5px!important;width: 60px; height: 20px; clear: both;" type="text"></span></dd></dl>

                <br><dl class="campos_form"><dt><span class="1"><label>Ph:</label>Descreva a faixa de ph (6.2, 7.2) e a nomenclatura (ácido, ácido a neutro, etc).</span></dt><br><dd><span class="2"><input class="find input" id="13" "="" style="width: 60px; height: 20px; clear: both;" type="text"> até <input class="find input" id="17" "="" style="margin-left: 5px!important;width: 60px; height: 20px; clear: both;" type="text"></span></dd></dl>
</div>


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17156
Pontos Ativos : 21415

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como mudar posição dos campos no html?

Mensagem por Mauricio Molina em 02/07/14, 02:48 pm

Perfeito...

Obrigado!
avatar

Mauricio Molina
Usuário destaque

Masculino
Inscrito dia : 22/09/2009
Mensagens : 988
Pontos Ativos : 1422

Ver perfil do usuário http://aquapeixes.forumeiros.com/forum.htm

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum