Comunidad de diseño web y desarrollo en internet online

Poner varios campos

Citar            
MensajeEscrito el 25 Ene 2016 05:33 pm
Buenos dias a todos.
Soy novato 100% en todo esto y tengo una duda, que, supongo , será muy tonta para vosotros, pero que yo no tengo ni idea.
Os cuento: estoy creando un formulario en php, en local. Creo un documento index.html


Mi duda es... como hago para poner varios campos, es decir, quiero poner 10 campos en un formario, 5 en una columna y otros 5 en otra columna . Si aplico el css, me salen todos los campos unos detrás de otro... mi pregunta es...¿ como tengo que hacer para poner los 5 últimos en otra columna?. Yo se que con Visual Basic, por ejemplo, tu ponías unas coordenadas a cada elemento.. pero aquí no se como se hace eso..

Muchas gracias a tod@s.

Por jhonnye waub

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 28 Ene 2016 04:33 pm
Sencillo!!

Código :

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>SIn titulo</title>
   <style>
      main{
         display: table;
         content: ' ';
         margin: auto;
         width: 600px;
      }

      main:after{
         clear: both;
      }

      .derecha,
      .izquierda{
         width: 50%;
         float: left;
      }

      .campo{
         padding: 2px;
      }
      .campo > input{
         width: 95%;
      }
   </style>
</head>
<body>
   <main>
      <form action="">
         <section class="derecha">
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
         </section>
         <section class="izquierda">
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
            <div class="campo"><input type="text" value="Lorem Ipsum"></div>
         </section>
      </main>
   </form>
</body>
</html>

Por franqgeek

48 de clabLevel



Genero:Masculino  

Desarrollador Web

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.