Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 117
Nome: Igor
Sexo: Masculino
Localização: Goiânia

Tela html com inputs lado a lado

16-10-2012 13:13

Prezados, boa tarde!

Preciso de desenvolver uma tela html em que os campos inputs fiquem lado a lado, para diminuir sua extensão...

Por exemplo:

<dl>         <dt> Ins. Municipal : </dt>         <dd> <input type="text" name="insmun" id="insmun" class="insmun" size="20" maxlength="18" /> </dd> </dl> <dl>         <dt> Dt.Aber/Nasc : </dt>         <dd> <input type="text" name="dtan" id="dtan" class="dtan" size="20" maxlength="18" /> </dd> </dl>

Esses inputs, tem que ficar lado a lado, e não um abaixo do outro.

Desde já, obrigado!
0
Bons tempos quando os homens eram homens e escreviam seus próprios "device drivers".
Linus Torvalds
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Tela html com inputs lado a lado

16-10-2012 13:19

Usa tabela

<table> <tr> <td>input1</td> <td>input2</td> </tr> </table>

0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 117
Nome: Igor
Sexo: Masculino
Localização: Goiânia

Tela html com inputs lado a lado

17-10-2012 11:05

Valeu cara... Estou meio afastado da programação, mas de vez em quando o fórum me dá uma ajuda, sem nem precisar de abrir um novo tópico...
Valeu.
0
Bons tempos quando os homens eram homens e escreviam seus próprios "device drivers".
Linus Torvalds
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Tela html com inputs lado a lado

17-10-2012 11:12

;)
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 117
Nome: Igor
Sexo: Masculino
Localização: Goiânia

Tela html com inputs lado a lado

17-10-2012 11:28

Cara seguinte, consegui fazer com que fiquem lado a lado, porém eles ficam desalinhados. Teria como alinhá-los?
0
Bons tempos quando os homens eram homens e escreviam seus próprios "device drivers".
Linus Torvalds
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Tela html com inputs lado a lado

17-10-2012 11:32

Posta o código.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 117
Nome: Igor
Sexo: Masculino
Localização: Goiânia

Tela html com inputs lado a lado

17-10-2012 12:42


<?php         #require_once("../controle/valida.php");         #require_once("../dao/conexao.php"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Cadastro de Clientes</title>           <script type="text/javascript" src="../controle/jquery.js"></script>         <script type="text/javascript" src="../controle/mask.jquery.js"></script>     <script type="text/javascript">             jQuery.noConflict();     (function($) {         $(function() {             $('.cep').mask('99.999-999'); //cep                         $('.ddd').mask('999'); //ddd                         $('.tel').mask('9999-9999'); //telefone                         $('.fax').mask('9999-9999'); //fax                         $('.dtan').mask('99/99/9999'); //dt ab/nas                                      });     })(jQuery);                 </script>   <link href="estilos.css" rel="stylesheet" type="text/css" /> </head>   <body> <h1 id="topo" align="center"><font color="#EEE9E9"> Cadastro de Clientes </font></h1> <hr size="3" color="#000000" /> <form action="../dao/graFor.php" method="post" lang="pt"> <table>         <tr>                 <td>          Codigo :          <input name="codigo" type="text" id="codigo" size="10" readonly="readonly" maxlength="9" />                 </td>                           <td>          Tipo :          <select name="descricao" id="descricao" class="desc" >              <option value='0' selected='selected'> - </option>              <option value='1'>CPF</option>              <option value='2'>CNPJ</option>           </select>                 </td>            </tr>         <tr>                 <td>          Nome :          <input name="nome" type="text" id="nome" size="80" maxlength="50" />                 </td>                         <td>          Nome de Fantasia :          <input name="nomfan" type="text" id="nomfan" size="80" maxlength="40" />                 </td>                 </tr>         <tr>                 <td>          Endereco :          <input name="endereco" type="text" id="endereco" size="80" maxlength="70" />                 </td>                           <td>          Cidade :          <input name="cidade" type="text" id="cidade" class="cid" size="22" maxlength="20" />                 </td>                      </tr>         <tr>                 <td>          Estado :          <select name="estados">                         <option value="0">Selecione o Estado</option>                         <option value="AC">Acre</option>                         <option value="AL">Alagoas</option>                         <option value="AP">Amapa</option>                         <option value="AM">Amazonas</option>                         <option value="BA">Bahia</option>                         <option value="CE">Ceara</option>                         <option value="DF">Distrito Federal</option>                         <option value="ES">Espirito Santo</option>                         <option value="GO">Goias</option>                         <option value="MA">Maranhao</option>                         <option value="MS">Mato Grosso do Sul</option>                         <option value="MT">Mato Grosso</option>                         <option value="MG">Minas Gerais</option>                         <option value="PA">Para</option>                         <option value="PB">Paraiba</option>                         <option value="PR">Parana</option>                         <option value="PE">Pernambuco</option>                         <option value="PI">Piaui</option>                         <option value="RJ">Rio de Janeiro</option>                         <option value="RN">Rio Grande do Norte</option>                         <option value="RS">Rio Grande do Sul</option>                         <option value="RO">Rondonia</option>                         <option value="RR">Roraima</option>                         <option value="SC">Santa Catarina</option>                         <option value="SP">Sao Paulo</option>                         <option value="SE">Sergipe</option>                         <option value="TO">Tocantins</option>                 </select>                 </td>                                 <td>          CEP :          <input type="text" name="cep" id="cep" class="cep" size="20" maxlength="18" />                 </td>                 </tr>         <tr>          <td>          DDD :          <input type="text" name="ddd" id="ddd" class="ddd" size="20" maxlength="18" />                 </td>                   <td>          Telefone :          <input type="text" name="tel" id="tel" class="tel" size="20" maxlength="18" />                 </td>                   </tr>         <tr>                 <td>          Fax :          <input type="text" name="fax" id="fax" class="fax" size="20" maxlength="18" />                 </td>                   <td>          CPF/CNPJ :          <input type="text" name="cpfcnpj" id="cpfcnpj" class="cc" size="20" maxlength="18" />                 </td>                 </tr>         <tr>                         <td>          RG/Ced.Estr :          <input type="text" name="rgce" id="rgce" class="rgce" size="20" maxlength="18" />                 </td>                         <td>          Ins. Estadual :          <input type="text" name="insest" id="insest" class="insest" size="20" maxlength="18" />                 </td>           </tr>         <tr>                   <td>          Ins. Municipal :          <input type="text" name="insmun" id="insmun" class="insmun" size="20" maxlength="18" />                 </td>                                   <td>          Dt.Aber/Nasc :          <input type="text" name="dtan" id="dtan" class="dtan" size="20" maxlength="18" />                 </td>                 </tr>         <tr>                         <td>          E-mail :          <input type="text" name="email" id="email" class="email" size="60" maxlength="50" />                 </td>                                 <td>          Home-Page :          <input type="text" name="homepage" id="homepage" class="homepage" size="60" maxlength="50" />                 </td>         </tr> </table>  <hr size="3" color="#000000" />                          <input type="submit" name="botao" id="botao" value="Gravar" />          <hr size="3" color="#000000" />        </form>    </body> </html>

0
Bons tempos quando os homens eram homens e escreviam seus próprios "device drivers".
Linus Torvalds
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Tela html com inputs lado a lado

17-10-2012 13:44

Você diz o alinhamento do início do input, para ficaram todos na mesma reta?

Veja se seria isso Alinhando-os-inputs-do-fomrulario-na-ta ... _7537.html
1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 117
Nome: Igor
Sexo: Masculino
Localização: Goiânia

Tela html com inputs lado a lado

17-10-2012 14:29

Cara, valeu demais... Ficou no modo como o cliente queria mesmo.
Não é atoa que quando me perguntam sobre onde consigo fazer as coisas digo que tenho uma grande ajuda do web, o cara que comanda o fórum códigos na web...

Abraços :rock:
1
Bons tempos quando os homens eram homens e escreviam seus próprios "device drivers".
Linus Torvalds

Quem está online

Usuários navegando neste fórum: Google [Bot]